元素单位px、em、rem
2019-06-10 20:16
281 查看
-
Px表示“绝对尺寸”(并非真正的绝对),实际上就是css中定义的像素(此像素与设备的物理像素有一定的区别,后续详细说明见文末说明1),利用px设置字体大小及元素宽高等比较稳定和精确。Px的缺点是其不能适应浏览器缩放时产生的变化,因此一般不用于响应式网站。
-
em表示相对尺寸,其相对于当前对象内文本的font-size(如果当前对象内文本的font-size计量单位也是em,则当前对象内文本的font-size的参考对象为父元素文本font-size)。使用em可以较好的相应设备屏幕尺寸的变化,但是在进行元素设置时都需要知道父元素文本的font-size及当前对象内文本的font-size,如有遗漏可能会导致错误。
-
rem也表示相对尺寸,其参考对象为根元素的font-size,因此只需要确定这一个font-size。
相关文章推荐
- css中单位px、pt、em和rem的区别
- 彻底弄懂css中单位px和em,rem的区别
- 彻底弄懂css中单位px和em,rem的区别
- CSS中那些px、em、pt、rem、%、dp(android)单位
- 搞清楚CSS单位px、em、rem、vh、vw、vmin、vmax
- 彻底弄懂css中单位px和em,rem的区别
- css中单位px和em,rem的区别
- 彻底弄懂css中单位px和em,rem的区别
- 彻底弄懂css中单位px和em,rem的区别
- 彻底弄懂css中单位px和em,rem的区别
- px、em、rem、%、vw、vh、vm这些单位的区别
- 彻底弄懂css中单位px和em,rem的区别
- css3大小单位px、pt、em和rem的区别
- css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况
- css中单位px和em,rem的区别
- css中单位px和em,rem的区别(转)
- css中单位px和em,rem的区别
- 彻底弄懂css中单位px和em,rem的区别
- css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况[转载]
- css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况