HTML px、em、pt长度单位

124 阅读 0 评论 82 点赞

我是靠谱客的博主稳重小霸王，最近开发中收集的这篇文章主要介绍HTML px、em、pt长度单位，觉得挺不错的，现在分享给大家，希望可以做个参考。

px单位名称为像素，相对长度单位，像素（px）是相对于显示器屏幕分辨率而言的；

em单位名称为相对长度单位。相对于当前对象内文本的字体尺寸，国外使用比较多； (推荐学习：html教程)

pt单位名称为点（Point），绝对长度单位一般老版本的table使用长度大小单位，但是现在基本上没有使用。

html单位简短介绍：

Px 像素Pixel；相对长度单位。

Pt 点（Point）；绝对长度单位

Em 相对长度单位，这里em与html <em>标签的"EM"拼写完全相同，而这里em作为单独文本单位。

1. 以前IE无法调整那些使用px作为单位的字体大小,但现在几乎IE都支持在这里也推荐使用PX作为单位;

2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位;

3. Firefox能够调整px和em，但是96%以上的中国网民使用IE浏览器(或内核)。

px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的，QQ截图也是使用PX作为长度宽度单位。

em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。

对文字设置不同长度em px pt单位看看效果：

CSS代码：

.divcss-px{ font-size:12px} 
.divcss-pt{ font-size:12pt} 
.divcss-em{ font-size:2em}
登录后复制

HTML代码：

<div class="divcss-px">我是divcss1</div> 
<div class="divcss-pt">我是divcss2</div> 
<div class="divcss-em">我是divcss3</div>
登录后复制

以上就是HTML px、em、pt长度单位的详细内容，更多请关注靠谱客其它相关文章！

以上就是稳重小霸王为你收集整理的HTML px、em、pt长度单位的全部内容，希望文章能够帮你解决HTML px、em、pt长度单位所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。