px,em,rem的区别
2019-07-03 09:57
53 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/xiaoHelloWord/article/details/94549842
首先在三个都是长度像素单位,但是他们有着本质上的区别
px的长度单位是固定值,设置多大字体的大小就是多少。但是px的缺点也是比较明显的在进行浏览器的缩放那么字体就会出现混乱。
em的大小单位是根据父级元素的大小。如果说1em=14px,它是异正异副,你给父级元素设置14px,
那么1em就是=14px.如果你给父级元素设置16px那么1em就是=16px。所以em的值不是固定的
rem的大小是根据根元素html的大小来设置的,一般浏览器都有默认的像素大小,这是指需要改变html的大小像素即可
这三个长度像素单位根据不同场景去运用效果会更佳
相关文章推荐
- 关于rem、px、em的区别
- css中的px、em 、rem的区别
- 彻底弄懂css中单位px和em,rem的区别
- 彻底弄懂css中单位px和em,rem的区别
- px、em、rem、%、vw、wh、vm等单位有什么区别?
- 彻底弄懂css中单位px和em,rem的区别
- css中单位px和em,rem的区别
- 彻底弄懂css中单位px和em,rem的区别
- 彻底弄懂css中单位px和em,rem的区别
- css中单位px和em,rem的区别
- css中单位px和em,rem的区别
- css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况
- 搞清css的单位 px,em,rem的区别
- Css中 单位px和em,rem的区别
- px、em、rem的区别
- css中的px、em 、rem的区别
- 彻底弄懂css中单位px和em,rem的区别
- em、rem、px在Web开发中的区别
- 彻底弄懂css中单位px和em,rem的区别 1.jpg
- px,em,rem的区别