博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
详解CSS中的几种长度px、em、pt
阅读量:6859 次
发布时间:2019-06-26

本文共 509 字,大约阅读时间需要 1 分钟。

  hot3.png

说说css的几种距离吧,大致有px、em、pt、pc、in、mm、cm、ex八种,其中最常见到的是px,我还见到过的有ex和mm、cm,当然后两个在当年见的更多。

其实px,我们最熟悉,而在电脑上也应用最多,因为显示器的分辨率就是...px*....px,我们知道分辨率的话是不是对于浏览器最大时对界面的实际更方便简洁,应该有这么个原因吧。

而em则是相对长度单位,是相对于系统的默认字体尺寸来的;

至于我们最常见的mm和cm就是我们纯正意义上的cm和mm了,他们都是绝对长度单位,带了“绝对”也就知道了吧。

而剩下的四个,我见得比较少,不过这里 也还是把它的一些问题简单记录下吧:

ex同样是相对长度,而它的参照则不是系统默认的字体尺寸了,而是相对于字符"x"的高度;

in、pc、pt则都是绝对长度,他们之间的换算关系为:1in=2.54cm=25.4mm=72pt=6pc;

当然相对长度也有其相应的换算关系,那就是:16px=1em=100%=12pt;

需注意,px尚存在弊端:在ie6下,无法实现字体缩放的功能。

转载于:https://my.oschina.net/os2015/blog/2253589

你可能感兴趣的文章
物联网行业将掀起新一轮并购潮 步入整合期
查看>>
夏日炎炎 构筑安防线 这些知识你Get到了吗?
查看>>
《C语言程序设计:问题与求解方法》——2.4节C语言源程序的次要组成成分:编译预处理命令、注释和声明...
查看>>
业绩不佳引裁员 雅虎2016有点烦
查看>>
《Hadoop实战第2版》——导读
查看>>
德国为新能源付出了哪些巨大的代价?
查看>>
探讨医疗人工智能之眼科AI的真实应用场景(肽积木CEO柏文洁)丨硬创公开课...
查看>>
中冶集团首度亮相智博会 探索“智慧城市的智慧地下”
查看>>
大数据认知:军事后勤变革的新引擎
查看>>
荷兰Serverius数据中心如何逆袭运营困境
查看>>
思科:6成物联网计划仍处于概念验证阶段
查看>>
物联网普及率目前第一是韩国
查看>>
远离个人信息裸奔伤害
查看>>
智慧城市如何应对洪灾?
查看>>
欧盟将在数千城镇公共区域提供免费无线网
查看>>
对原产于韩国的进口太阳能级多晶硅所适用反倾销措施进行期中复审调查
查看>>
有关大数据,看这一篇就够了!
查看>>
Orange将“鸡蛋”放入ECOMP的篮子
查看>>
大数据看AI人才分布:美国领先,中国培养潜能大
查看>>
光伏产业还值不值得继续关注?
查看>>