HTML的px、em、pt长度单位有什么不同-创新互联

本篇内容主要讲解“HTML的px、em、pt长度单位有什么不同”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“HTML的px、em、pt长度单位有什么不同”吧!

西山网站建设公司成都创新互联公司,西山网站设计制作，有大型网站制作公司丰富经验。已为西山1000+提供企业网站建设服务。企业网站搭建\外贸网站制作要多少钱，请找那个售后服务好的西山做网站的公司定做！

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

em单位名称为相对长度单位。相对于当前对象内文本的字体尺寸，国外使用比较多；

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长度单位有什么不同-创新互联
URL标题：https://www.cdcxhl.com/article24/dssoje.html

成都网站建设公司_创新互联，为您提供网页设计公司、关键词优化、网站策划、微信公众号、外贸建站、云服务器

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联