Dri*_*eps 13 html css units-of-measurement
我一直在使用px几乎所有与测量相关的样式,但我想知道使用像素(px),百分比(%),点(pt)和的最佳位置em.
我已经看过在排版中使用em和(我相信)points,但我不知道使用它们的最佳方式.
应该在哪里使用,为什么？
pt或者cm,in,mm等是最常用打印样式表,因为他们是最适合于纸张的物理性能测量和渲染打印机.
em和en(与新rem,并且更有意思的单位,例如ch)是字形相对单位,并且因此适合于文本样式,在与根元素的绝对单位对应(例如px单位在所述body).
另一个有趣的用途:ex单位(字体中'x'字形的高度),用于设置与文本相关的垂直度量,ch缩进行.
px绝对渲染,因此可以设计基于这些单位的像素完美(或固定)布局,应用于容器,或需要固定大小的各种小部件(按钮等).免责声明:绝对是一种过度陈述,因为像素很少是绝对的,并且有很多因素影响渲染结果 - 请参阅本文关于px作为角度测量.
%主要与顶部容器中的绝对单元结合使用,并应用于各种CSS技术,例如人造中心容器.这些单元对于本质上流畅的布局也非常方便.其他人,如视口相对vh,vw并且vmin,无论父母的单位如何,都可以使用.
所有这些都是基于我的个人观点,因为这个主题是开放的辩论,CSS技术将不断发展,我们将看到更多使用我们从未想过的规范和功能.它主要是创造性地使用那些范围或有利于使用一个单元而非另一个单元的工具.