我应该使用像素，他们还是两者都不？

-2

我想在css中得到明确的答案。我试图找出我是否应该使用我应该使用像素，他们还是两者都不？

line-height: 1.5;

或

line-height: 1.5em;

或

line-height: 15px;

一些网站说，不指定em或px。所以，关于这一点，我应该这样说：

margin: 10px;

或

margin: 10em;

你如何看待？

来源

2013-03-06 focusism

我的观点是，*没有*'明确的答案'，这取决于你的用例和要求;由于可能性，我认为“讨论”和“猜测”是不可避免的，因此投票结束为“不具建设性”。 – 2013-03-06 00:37:18

@DavidThomas我同意，除了'行高'的情况下，有一个很好的理由更喜欢其中一个（无单位）。 – 2013-03-06 01:01:14

显然它取决于很多事情。

作为一般规则，将em用于任何与文字有关的东西，对任何与装饰有关的东西都用px。因此，填充和边框应为px，文本大小，宽度，高度等应为em或％（或更好，流体布局）。

想象一下，您正在使用大型文本显示; 想要做大吗？增加边界可能会为文本留下更少的空间，所以确实是一个负面的事情。

对于行高，你应该使用没有单位（或EM，但这是浪费2个字符）;它是字体大小的一部分。如果你使用px，你可能会得到一个小于文本的行高，这是不好的。

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

来源

2013-03-06 00:39:16 Dave

我实际上看过那个网站之前，我发布这个，但没有感觉，我知道该怎么做。谢谢，戴夫！你知道，如果所有的浏览器都采用相同的方式，所有这些都不是什么大问题:( – focusism 2013-03-06 03:35:53

Em允许您的网站成为elasatic，因此iit根据屏幕大小调整大小，但是，如果您真的希望此功能运行良好，那么在您的页面上使用EM进行所有测量。我发现我的大部分布局都使用EM。

来源

2013-03-06 00:34:48

这里是使用EM的东西http://cisweb.bristolcc.edu/~rmailloux11/Final/alan.html – 2013-03-06 00:35:34

由于其他单位可能存在继承问题，因此无单位数字特别适用于line-height，如MDN line-height docs中所述。

对于其他属性，它将取决于您想要的内容，以及您希望事物的大小是固定的还是相对于文本的大小。

来源

2013-03-06 00:38:19

尽可能地不要使用px定义边距。使用相对单位，如em或％，因为它是可回流布局。我们必须总是想象并考虑小型设备上的布局以及调整大小的文字。

对于垂直文本边距（边距或下边距）用ems作为这依赖于字体大小
对于水平宽度使用％
对于边距左侧附近我们可以使用px，如果它小于 50px。
确保所有图像被包裹在一个div /图形元素与 IMG设置为100％和高度设置为自动
图像与景观尺寸建议被设置为50％宽度和浮到与纵向尺寸或左或右
图像被建议被设置为33％宽度和浮动到左或右

来源

2013-03-06 00:55:54 jhedm

啊！好吧。首先，谢谢你的回复。我在一年左右没有做过任何网络相关的东西而且环境已经发生了很大的变化，HTML5的命中率很高，我仍然在严格的xhtml中，直到我习惯了所有这些东西，我真的很感激它，很明显需要考虑:) – focusism 2013-03-06 01:04:54

我应该使用像素，他们还是两者都不？

回答

相关问题