小谈px,em,rem
2017-01-19 00:00
141 查看
目前遇到的长度单位有:px,em,rem。一般日常我们用的都是px(gu lou ga wen),但在网页开发的时候往往遇到许多问题,例如响应式的页面已经在变化,而那些设置有px的部件却没能很好的适应。
px,pixel(像素),是相对于屏幕和显示器的分辨率而言的。块左移动10px就是移动10px,有相对精准和直接方便的优点。
em,是相对长度单位,相对其父级元素而言的长度,会继承父级元素的字体大小,如果有多层嵌套,那么就得多次计算(略显麻烦)
rem,相对长度单位,相对根(root)而言的长度,但不支持ie8,因为是有根作为固定的对比,所以使用它还是挺爽的,许多会计元素也可以随着页面的变化而变化。
------------------------------------------日后遇到更详细的知识再补充-----------------------------------
px,pixel(像素),是相对于屏幕和显示器的分辨率而言的。块左移动10px就是移动10px,有相对精准和直接方便的优点。
em,是相对长度单位,相对其父级元素而言的长度,会继承父级元素的字体大小,如果有多层嵌套,那么就得多次计算(略显麻烦)
rem,相对长度单位,相对根(root)而言的长度,但不支持ie8,因为是有根作为固定的对比,所以使用它还是挺爽的,许多会计元素也可以随着页面的变化而变化。
------------------------------------------日后遇到更详细的知识再补充-----------------------------------
相关文章推荐
- 彻底弄懂css中单位px和em,rem的区别
- css2和css3中长度单位px和em,rem的定义与区别
- 搞清楚CSS单位px、em、rem、vh、vw、vmin、vmax
- px、em、rem的区别
- CSS中单位px和em,rem的区别
- css中单位px和em,rem的区别
- 页面排版中让你迷惑的px % em rem长度单位
- 知识普及:彻底弄懂css中单位px和em,rem的区别
- px,rem,em的联系与区别
- px、em、rem的区别及换算方法
- css中的px、em 、rem的区别
- css中的px、em 、rem的区别
- rem px pt em
- px em rem pt的区别
- 彻底弄懂css中单位px和em,rem的区别
- 彻底弄懂css中单位px和em,rem的区别
- 彻底弄懂css中单位px和em,rem的区别
- css3大小单位px、pt、em和rem的区别
- 字体大小(px,em,rem)
- px em rem在WEB前端开发中的区别