本人小白一枚，希望大神能够解答一下用rem进行移动端适配是很常用的方法了，可是我一直很疑惑的就是，为什么移动端不选择用px呢，px的局限在哪，rem比px又有什么优势呢？
2 回答
DIEA
TA贡献1820条经验 获得超2个赞
这么个场景：你按照UI图750*1334切图，二倍图iphone6中宽度刚好750/2=350px.那么问题来了，在iphone5中屏幕宽度实际是320px的，你不能让移动端出现横向滚动条吧..rem就是根据320px、350px...之类设备屏幕尺寸，动态计算合适的px尺寸。
汪汪一只猫
TA贡献1898条经验 获得超8个赞
手机布局面临的问题是屏幕大小不一致的手机需要显示网页的布局是一致的,也就是等比例缩放的.就像你在chorme调试移动端等比例缩放一样px是绝对单位rem是相对单位.当然严格意义说px也是相对单位.暂且当他是绝对单位.绝对单位无法做到等比例缩放.比如你身高2米.你跑到美国也是身高2米.你的身高并不会因为国家的大小而改变;这就是px;也就是你在小屏幕手机用px开发好.但是到了大屏手机显示两边就有空白区域了.你用px开发大屏手机.然后在小屏看,也就有横向滚动条了.当然通过技术手段也可以搞定.但是不完美.rem的强大之处在于它是动态调节的.1rem在大屏和小屏的长度是不一样的.它是相对单位.也就是你跑到俄罗斯后,发现自己长高了.你跑到日本后,为了适应这个小国家,身高又变矮了.rem的牛x之处在于,字体还可以等比例放大缩小.这是很厉害的.总之,rem解决我们移动端开发的难题.如果还是不太懂,那就先开发吧.先放一放.工作最重要嘛.慢慢就懂了.
添加回答
举报
0/150
提交
取消