我一直在使用px几乎所有测量相关的样式,但我想知道使用像素(px),百分比(%),积分(pt)和em的最佳位置.
我已经看到em和(我相信)在排版中的使用,但我不知道使用它们的最佳方式.
我已经看到em和(我相信)在排版中的使用,但我不知道使用它们的最佳方式.
应该使用哪一个,为什么?
解决方法
> pt或cm,in,mm等最常用于打印样式表,因为它们最适合于纸张的物理性能和打印机的渲染.
> em和en( and the new
另一个有趣的用途:ex单位(字体中’x’字形的高度)设置与文本相关的垂直度量,ch到缩进行.
> px是完全渲染的,所以可以设计基于这些单元的像素完美(或固定)布局,应用于容器,或者在要求固定大小(按钮等)的各种小部件上.免责声明:绝对是一个过度陈述,因为像素很少是绝对的,并且有许多影响渲染结果的因素 – 见 this article about px as an angular measure.
>%主要与顶级容器的绝对单位结合使用,并应用于各种CSS技术,例如以人为本的容器.这些单位对于自然流动的布局也非常方便.其他人,如视口相对vh,vw和vmin,可以使用,不管父母的单位如何.
> em和en( and the new
rem
,更有趣的单位,如ch)是字形相对单位,因此适合文本样式,与根元素的绝对单位(例如身体的px单位)对应.
另一个有趣的用途:ex单位(字体中’x’字形的高度)设置与文本相关的垂直度量,ch到缩进行.
> px是完全渲染的,所以可以设计基于这些单元的像素完美(或固定)布局,应用于容器,或者在要求固定大小(按钮等)的各种小部件上.免责声明:绝对是一个过度陈述,因为像素很少是绝对的,并且有许多影响渲染结果的因素 – 见 this article about px as an angular measure.
>%主要与顶级容器的绝对单位结合使用,并应用于各种CSS技术,例如以人为本的容器.这些单位对于自然流动的布局也非常方便.其他人,如视口相对vh,vw和vmin,可以使用,不管父母的单位如何.
以上所有都是基于我的个人观点,因为这个主题是开放辩论的,CSS技术将不断发展,我们将会看到更多的使用我们从未想过的规范和功能.这些工具主要是创造性地使用这些工具,这些工具将一个单位的使用范围扩大到或超过另一个单位.