em 和 px , pt字体单位的区别

最新推荐文章于 2021-08-03 20:07:13 发布

Xu___.___

最新推荐文章于 2021-08-03 20:07:13 发布

阅读量442

点赞数 1

文章标签： css html html5 css3

本文链接：https://blog.csdn.net/weixin_49884163/article/details/107836446

版权

em 和 px , pt字体单位的区别

<style type="text/css">
	p.p1{text-align: center;color: #FF0004;}
	p.p2{letter-spacing: 1em;text-decoration: underline;text-indent: 4em;line-height: 20pt;}
	p.p3{letter-spacing: 0.625em;word-spacing:1em;text-transform: capitalize;}
	</style>

字体单位应该用baiem而不用px,原因简单来说就是支bai持IE6下的字体缩放，在页面中按ctrl+滚轮，du字体以px为单位的网站没有反应。px是绝对单位，不支持IE的缩放，em是相对单位。

em指字体高，任意浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。
那么 10px=0.625em。为了简化font -size的换算，需要在css中的body选择器中声明Font-size=62.5%，这就使em值变为16px*62.5%=10px, 这样10px=1em, 也就是说只需要将你的原来的px数值除以10，然后换上em作为单位就行了。

pt全称为point，中文意思为“点”，常见于软件设计、排版印刷行业。在常规的排版中，字号以“点”来单位。活字的大小称为“字号”，而字母的宽度称作“字宽”，1点=0.376毫米=1.07英美点=0.0148英尺=0.1776英寸。