源自：5-1 CSS padding与布局
大师，能不能讲讲移动端的rem布局方法？
如题，移动端rem究竟有没有必要呢？该怎么弄呢？网上那些只是用js计算html的font-size而已。而且对于字体大小是否该用rem？我看移动端的网易首页，全用了rem。导致页面被等比放大，在ipad上看的话，很难看的。
提问者：weibo_猫理会会长_0
2016-09-18 19:36
个回答
-
- 纯洁的豆芽
- 2016-09-20 12:07:02
ipad不在身边，用模拟器看了一下。
你说的网易首页如下图：
今日头条如下图：
你可以看到明显的区别，下面图中的图片随屏幕尺寸变大了，但是文字没有，造成文字和图片不成比例，中间也有了非常大的空白区域。
屏幕变大，页面也随之变大，这是很正常的事情。你不可能说，我拿50寸的液晶看电视，还是看个手机视频的效果。
至于为什么不用PX，是就是因为PX是固定的值，不管你在多大的屏幕上12PX的文字，就只有那么一丁点小。那为什么不用百分比，不用vw这些自适应的单位，而是用同样是固定值的rem或者em？这个还是有点缘由的，你可以自己去了解一下。
-
- 纯洁的豆芽
- 2016-09-19 15:52:18
移动端用rem还是有必要的。但是你说的在ipad上看会很难得不知道指的是什么？
手机上显示小尺寸，在大屏幕上页面放大，这很正常嘛。ipad上看页面还是320的手机尺寸，文字还是12px，那才奇怪吧？
现在移动端普遍都是用rem，再用JS动态的调整html的font-size，来配合屏幕尺寸的变化。