对于px 和 rem

来源:4-2 主体结构的HTML开发

qq_CHENGUOXIANG_0

2016-04-10

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

写回答

1回答

陈陈当道

2016-04-10

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方式调整大小。


2
2
vloz
回复
远人
老师能提供下你示例的源码么(或者那个read.t.imooc.io所在的git地址~)?
2016-04-12
共2条回复

HTML5独立开发书城Web App

最前沿前端技术精讲, HTML5 、Vue.js 、Koa 、zepto 综合运用

3387 学习 · 685 问题

查看课程