本文所分享的知识点是【CSS的em、px、pt长度单位转换示例】,欢迎您喜欢我爱IT技术网所分享的教程、知识、经验或攻略,下面是详细的讲解。
CSS的em、px、pt长度单位转换示例
在IE6.0字体设定为中的时候,如果字体未做任何CSS设定或者元素的设定,默认的字体是12pt,或者16px,或者1em,或者font size=3。em、px、pt的换算关系如下:
1em=16px
1em=12pt
1px=1/16 em=0.0625em
1px=3/4 pt=0.75pt
1pt=1/12 em≈0.0833em
1pt=4/3 px≈1.3333px
em、px、pt的转换工具如下,结果如无法除尽,小数点后面四舍五入到4位,我用“约等于”表示;如果可以除尽,我用“等于”表示:
常用转换:
9pt=12px
9pt=0.75em
10pt=0.833em
14px=0.875em
英文网页的字体较常用到em单位,em是相对长度单位,可使字体随IE浏览器的调整而变化。请注意,请避免在样式表中某区域对字体定义2次em,就可以方便地使用em单位。如实在无法避免,假如em 是这个区域的字体大小,请用1÷em,假设结果为n1。然后直接使用上述的1或3相应的转换工具,假设查询的转换结果为n2,再用n2乘以n1,使其还原。也就是:1÷em×n2
关于CSS的em、px、pt长度单位转换示例的相关讨论如下:
相关问题:写html时,一般用px还是em还是pt
答:1.使用情况 px单位名称为像素,相对长度单位,像素(px)是相对于显示器屏幕分辨率而言的,国内用的较多,目前还是推荐使用px为好。 em单位名称为相对长度单位。相对于当前对象内文本的字体尺寸,国外使用比较多。 pt单位名称为点(Point),绝... >>详细
相关问题:彻底弄懂css中单位px和em,rem的区别
答:px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。 任意浏览器的默认字体高都是16px。所有... >>详细
相关问题:彻底弄懂css中单位px和em,rem的区别
答:PX: PX实际上就是像素,用PX设置字体大小时,比较稳定和精确。但是这种方法存在一个问题,当用户在浏览器中浏览我们制作的Web页面时,如果改变了浏览器的缩放,这时会使用我们的Web页面布局被打破。这样对于那些关心自己网站可用性的用户来说,... >>详细
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
