对于px 和 rem

Question

页面尺寸大小大部分都是px 单位。  这样字体大小会随着屏幕大小变化吗？ 

Answer 1

陈陈当道 2016-04-10 01:32:29

PX是相素字体，无论屏幕有多大都是按分辨率来计算的。无论网页变大变小，变体都是那么大。

如果你使用em来控制字体的话，就会根据你网页大小缩放来显示了。

1em=16px.         em具有继承性。

如果定义了
body{font-size=12px;}
#title{font-siez=2.6em;}

而id=title恰好在body里面，那么，id=title的字体大小就是2.6*16-12=29.6px
国外大多用em作为字体单位，因为ie和ff都能调整大小
ie无法调整px作为单位的网页字体大小
作为设计来说各有利弊
用em作为单位的好处是方便老年人阅览，方便非JS方式调整大小。
用px作为单位的好处来说是不管浏览器字体大小如何设置，都不会“乱套”。但是可以通过JS方式调整大小。

• 远人 #1

  你说的不太对啊 楼主问的是rem 不是em，rem是相对大小 本质上和em，px完全不同. 如果用px 那大小就是固定的 不会随屏幕尺寸变化。

• vloz 回复 远人 #2

  老师能提供下你示例的源码么（或者那个read.t.imooc.io所在的git地址~）？