                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /移动web开发适配秘籍Rem

有几个问题还望指教。

1.通过 window.innerWidth 获取宽度会有什么问题吗，screen.width 又如何呢？
2.手机屏幕要是横过来了，rem 也是正常运作吗？
3.让设计提供 375px 宽的设计图里面元素的尺寸也不用像老师一样需要除以二是不是更好呢？

牛奶老哥哥

2018-03-08

源自：移动web开发适配秘籍Rem 3-1

关注问题我要回答

1261

操作

收起

4 回答

五进制科技
2019-05-23

3，美工都用惯了大图，矢量图啥的，做得很精细，所以一般都不会用真实手机像素1比1做效果图，显示器那么大不用满不是浪费了。懂了吗？

0 回复有任何疑惑可以回复我~

收起回答

早睡的猫
2018-03-16

emmm，当我的更正没说，innerwidth获取的是要包括滚动条的

0 回复有任何疑惑可以回复我~

收起回答

smile丶L

戏真多。。。

2018-05-23 回复有任何疑惑可以回复我~

早睡的猫
2018-03-16

更正第一点：innerwidth也是获取内容区宽度(不包括工具栏和滚动条），要获取加上滚动条宽度的可采用offsetwidth

0 回复有任何疑惑可以回复我~

收起回答

早睡的猫
2018-03-16

用window对象的innerwidth的话，会将浏览器的右边滚动条也加上在内；clientwidth会仅仅获取内容区宽度
横过来这个也是一样的，具体效果可采用调试工具自行查看；
其实美工提供的图大小是无所谓的，你让他提供1024*960都可以的，主要的点是在于js里获取屏幕宽度，设置相应的rem基准值，设置为html的fontsize，其他元素就会根据基准值进行调整
以上