                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /CSS深入理解之padding

大师，能不能讲讲移动端的rem布局方法？

如题，移动端rem究竟有没有必要呢？该怎么弄呢？网上那些只是用js计算html的font-size而已。而且对于字体大小是否该用rem？我看移动端的网易首页，全用了rem。导致页面被等比放大，在ipad上看的话，很难看的。

00:32

weibo_猫理会会长_0

2016-09-18

源自：CSS深入理解之padding 5-1

关注问题我要回答

3122

操作

收起

2 回答

纯洁的豆芽回答被采纳 +3 积分
2016-09-20

ipad不在身边，用模拟器看了一下。

你说的网易首页如下图：

今日头条如下图：

你可以看到明显的区别，下面图中的图片随屏幕尺寸变大了，但是文字没有，造成文字和图片不成比例，中间也有了非常大的空白区域。

屏幕变大，页面也随之变大，这是很正常的事情。你不可能说，我拿50寸的液晶看电视，还是看个手机视频的效果。

至于为什么不用PX，是就是因为PX是固定的值，不管你在多大的屏幕上12PX的文字，就只有那么一丁点小。那为什么不用百分比，不用vw这些自适应的单位，而是用同样是固定值的rem或者em？这个还是有点缘由的，你可以自己去了解一下。

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

收起回答

weibo_猫理会会长_0 提问者

非常感谢！

2016-09-23 回复有任何疑惑可以回复我~

纯洁的豆芽
2016-09-19

移动端用rem还是有必要的。但是你说的在ipad上看会很难得不知道指的是什么？

手机上显示小尺寸，在大屏幕上页面放大，这很正常嘛。ipad上看页面还是320的手机尺寸，文字还是12px，那才奇怪吧？

现在移动端普遍都是用rem，再用JS动态的调整html的font-size，来配合屏幕尺寸的变化。

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

收起回答

weibo_猫理会会长_0 提问者

比如手机版网易http://3g.163.com/touch/all?nav=2&version=v_standard 用ipad的话，所有元素都会很大很大。然后比如今日头条http://m.toutiao.com/?w2atif=1&channel=__all__#channel=__all__ 今日头条用的px去做。看上去也都还好。所以这2种排版方法，究竟该怎么取舍呢？

2016-09-19 回复有任何疑惑可以回复我~

纯洁的豆芽回复 weibo_猫理会会长_0 提问者

回复不能插图，看下面回复吧

2016-09-20 回复有任何疑惑可以回复我~