css学习笔记之px & em
2017-07-27 13:59
218 查看
转自:http://www.cnblogs.com/wuguoyuan/p/rem.html
px像素。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)
em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺
寸。(引自CSS2.0手册)
任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合:
1em=16px。那么12px=0.75em,10px=0.625em。为了简化
font-size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为 16px*62.5%=10px, 这样12px=1.2em,
10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。
px像素。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)
em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺
寸。(引自CSS2.0手册)
任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合:
1em=16px。那么12px=0.75em,10px=0.625em。为了简化
font-size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为 16px*62.5%=10px, 这样12px=1.2em,
10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。
相关文章推荐
- CSS 中 px,em和rem 的区别 学习笔记
- 学习CSS了解单位em和px的区别
- CSS学习笔记之<z-index属性>
- HTML&CSS基础学习笔记1.13-有序列表及列表嵌套
- 学习CSS了解单位em和px的区别
- Head first HTML&CSS ---[学习笔记第一章]
- FreeCodeCamp 学习笔记(一)HTML&CSS
- 学习CSS了解单位em和px的区别
- 学习CSS了解单位em和px的区别
- 学习CSS了解单位em和px的区别
- css&div 学习笔记
- 学习css了解单位em和px的区别
- HTML&CSS基础学习笔记1.12-无序列表
- HTML&CSS基础学习笔记1.33-元素选择器
- html&css学习笔记
- Head first HTML&CSS ---[学习笔记第三章]
- HTML && CSS 学习笔记(4)HTML <span> 标签(关键词:HTML/span)
- 转载【学习CSS了解单位em和px的区别】
- HTML&CSS学习笔记
- HTML&CSS基础学习笔记1.16-单元格间距和表格主体