900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > html的em px pt 前端开发em px pt单位介绍及换算

html的em px pt 前端开发em px pt单位介绍及换算

时间:2023-10-26 21:38:06

相关推荐

html的em px pt 前端开发em px pt单位介绍及换算

前端开发用的ie调试浏览器

前端开发浏览器缓存

12款前端开发浏览器

PX\EM\PT单位介绍

px Pixel单位名称为像素,相对长度单位,像素(px)是相对于显示器屏幕分辨率而言的国内推荐;

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

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

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

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

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

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

em与px换算

任意浏览器的默认字体高度16px(16像素)。

所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算,需要在62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。

12px相当于9pt长度;

12px相当于0.75em长度;

9pt相当于0.75em长度;

一般我们使用em换算px较多

高级em与px换算:

具体使用时候:

我们在对全体{font-size=62.5%}

即可此后面布局可依据以下技巧进行设置em单位

font-size:1.2em等于font-size:12px

font-size:1.4em等于font-size:14px

以此类推相当于初始font-size=62.5%后,em与px单位就只有10倍差距,以便方便计算与设置em长度数值使用。

em单位有如下特点:

1. em的值并不是固定的;

2. em会继承父级元素的字体大小。

我们在写推荐网页单位

所以为了单位换算错误推荐使用PX(像素)作为网页制作单位。

以上为大家介绍了px em pt单位,及换算方式,一般现在我们使用长度单位都以px为长度单位。这里我们也推荐使用以px(像素)为网页的尺寸长度单位,符合浏览器的像素单位,同时也为了方便计算长度尺寸。

关于px pt em单位总结

1)、推荐px像素为单位:通常我们使用px(像素为单位)较多,其次是em单位,平时推荐大家以px为单位;

2)、我们的显示屏分辨率以px像素为单位;

3)、我们QQ截图时候也是以px像素单位。

前端开发各浏览器兼容问题

前端开发者必须了解的浏览器

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。