em和px比较

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

我个人喜欢后者。
目录
相关文章
|
9月前
|
编解码 前端开发 小程序
CSS中rpx、px、em、rem、%、vh、vw各自都代表什么
CSS中rpx、px、em、rem、%、vh、vw各自都代表什么
187 0
|
3月前
|
UED
em/px/rem/vh/vw区别
【10月更文挑战第24天】理解和掌握 em、px、rem、vh、vw 这几种单位的特点和应用,能够帮助我们更好地进行网页设计和布局,实现更优秀的用户体验和适应不同屏幕尺寸的能力。
|
4月前
Px,em,rem的区别
【10月更文挑战第10天】 Px,em,rem的区别
374 2
|
4月前
|
前端开发 小程序 JavaScript
面试官:px、em、rem、vw、rpx 之间有什么区别?
面试官:px、em、rem、vw、rpx 之间有什么区别?
99 0
|
9月前
|
编解码 前端开发 容器
vh,vw,px,%有什么区别
vh,vw,px,%有什么区别
426 0
|
9月前
|
编解码
px,em,rem,vw,vh之间的区别
px,em,rem,vw,vh之间的区别
|
9月前
|
编解码 前端开发
CSS中单位:【px和%】【em和rem】【vw|vh|vmin|vmax】的区别
CSS中单位:【px和%】【em和rem】【vw|vh|vmin|vmax】的区别
226 0
|
编解码
1rem、1em、1vh、1px各自代表的含义?
1rem、1em、1vh、1px各自代表的含义?
|
编解码 前端开发 JavaScript
面试官:说一下 px、em、rem、vw/vh?em和rem的区别?
面试官:说一下 px、em、rem、vw/vh?em和rem的区别?
93 0
|
JavaScript
常用的单位有哪些?以及px em rem区别
常用的单位有哪些?以及px em rem区别