布局的百分比还是像素？

web-development design websites

— ACP
source

无论是-使用EM的;-)

— 阿尔芒

（如果有人

— 感到困惑

@Alison：您的意思不是“都不-使用em s”吗？

— 艾伦·皮尔斯

目标平台？明显的是百分比，但不幸的是，由于您的大多数图形资源缩放比例

— 都不理想，

嗯，@ Alan，你可能是对的：-)

— Armand 2010年

Answers:

您使用什么单位完全取决于您要完成什么。网站布局中最常用的单位是：

您将px用于保持不变的大小，例如1px边框。
将em用于应遵循字体大小的大小，例如3.0em边距。
使用％表示应占父级百分比的尺寸，例如50％的宽度。

对于网页布局，您通常使用像素还是百分比，具体取决于您要的是固定（像素）布局还是流畅（百分比）布局。

— 古法
source

需要注意的一点是：em是传统字体中大写字母M的宽度而不是高度。毫不奇怪，en是大写字母N的宽度。ex是基于字符的高度量度。

— 斯坦·罗杰斯

@Stan罗杰斯：我从来没有说过，这是一个大写M的高度，别人编辑该英寸

— Guffa

重要的是，所提供的信息应尽可能地正确，而不是由谁来提供。（我尚无法编辑其他人的非Wiki答案，所以评论是我所能做的最好的。）

— Stan Rogers 2010年

除非您知道输出设备的确切分辨率以及用户设置的比例因子（与分辨率无关的UI，XP“大字体”等），否则磅值不是绝对的。此外，iPhone 4的分辨率为326 dpi，远远超过

— 72

@JBRWilkinson：这是任何给定设备的绝对度量。它与单位一样绝对px；对于任何给定的显示器，像素的大小也不同。

— Guffa 2010年

我倾向于将像素用于宽度声明（通常是固定的），而em用于高度声明。这样，布局可以垂直调整大小，但可以保持水平一致性。

— 孙武功
source

我尽可能使用相对/成比例的尺寸。我发现它使以后对布局进行更改变得容易得多。同样，使用相对于父元素的大小意味着对父元素的更改很容易滴入。

传统上，使用相对大小还可以使页面在各种分辨率下看起来正确，这对于浏览器缩放或最小字体大小特别有用。但是，现代浏览器现在可以通过像素特定的布局来很好地调整大小，甚至可以根据需要放大图像。因此，使用相对大小变得不再重要。

— 马特·S
source