牛奶老哥哥
2018-03-08 20:25
1.通过 window.innerWidth 获取宽度会有什么问题吗,screen.width 又如何呢?
2.手机屏幕要是横过来了,rem 也是正常运作吗?
3.让设计提供 375px 宽的设计图里面元素的尺寸也不用像老师一样需要除以二是不是更好呢?
3,美工都用惯了大图,矢量图啥的,做得很精细,所以一般都不会用真实手机像素1比1做效果图,显示器那么大不用满不是浪费了。懂了吗?
emmm,当我的更正没说,innerwidth获取的是要包括滚动条的
更正第一点:innerwidth也是获取内容区宽度(不包括工具栏和滚动条),要获取加上滚动条宽度的可采用offsetwidth
用window对象的innerwidth的话,会将浏览器的右边滚动条也加上在内;clientwidth会仅仅获取内容区宽度
横过来这个也是一样的,具体效果可采用调试工具自行查看;
其实美工提供的图大小是无所谓的,你让他提供1024*960都可以的,主要的点是在于js里获取屏幕宽度,设置相应的rem基准值,设置为html的fontsize,其他元素就会根据基准值进行调整
以上
移动web开发适配秘籍Rem
37075 学习 · 88 问题
相似问题