-3

我试图在 css 中得到明确的答案。我想弄清楚我是否应该使用

line-height: 1.5;

或者

line-height: 1.5em;

或者

line-height: 15px;

一些网站说不要指定em或px. 所以在那张纸条上，我应该说类似的话：

margin: 10px;

或者

margin: 10em;

你怎么看？

4

4 回答 4

2

如MDN line-height 文档中所述，无单位数字特别适合line-height其他单位可能存在继承问题。

对于其他属性，这将完全取决于您想要什么，以及您是否希望事物是固定大小的，还是相对于您的文本的大小。

于 2013-03-06T00:38:19.297 回答
1

Em 允许您的网站具有弹性，因此它可以根据屏幕大小调整大小，但是，如果您真的希望它能够正常工作，那么您可以使用 EM 进行页面上的所有测量。我发现我的大部分布局都使用 EM。

于 2013-03-06T00:34:48.810 回答
1

显然，这取决于很多事情。

作为一般规则，使用 em 表示任何与文本相关的内容，使用 px 表示任何与装饰相关的内容。所以填充和边框应该是 px，文本大小、宽度、高度等应该是 em 或 %（或者更好的是，流畅的布局）。

想象一下你正在使用大文本显示；你想要更大的元素是什么？使边框更大可能会为文本留下更少的空间，所以这确实是一件消极的事情。

对于行高，您不应该使用单位（或 em，但这会浪费 2 个字符）；它是字体大小的比例。如果您使用 px，您最终可能会得到一个小于文本的 line-height，这很糟糕。

这个网站提出了一个关于无单位与 em 的有趣观点：http: //meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/。这个想法是使用 em 将为所有孩子设置一个固定的行高，即使字体大小不同，而不使用任何单位将使用一个始终相对于字体大小的行高。在大多数情况下，后者会更可取，但我可以想到您也想要前者的情况。

于 2013-03-06T00:39:16.030 回答
0

尽可能不要在定义边距时使用px 。使用em 或%等相对单位，因为它是可重排布局。我们必须始终想象并考虑布局在小型设备和调整大小的文本上的样子。

  • 对于垂直文本边距（margin-top 或 margin-bottom）使用 ems，因为这取决于字体大小

  • 对于水平宽度，使用 %

  • 对于左边框附近的边距，如果它小于 50px，我们可以使用 px。

  • 确保所有图像都包含在 div/figure 元素中，img 设置为 100%，高度设置为 auto

  • 建议将横向尺寸的图像设置为 50% 宽度并左右浮动

  • 建议将纵向尺寸的图像设置为 33% 宽度并左右浮动

于 2013-03-06T00:55:54.743 回答