CSS样式 - percentes vs em vs px？

网我有点困惑时使用percent，em或px为div´s，input´s，font´s，buttons等阅读几篇文章后...CSS样式 - percentes vs em vs px？

对于网站I'm上，我们的工作我不想添加一个敏感的设计，从我从不同的文章中了解到的百分比是去往elements和div´s的方法。但比我感到困惑，因为我认为即使我使用pxför布局，并且根据设备/屏幕分辨率在px中设置不同的宽度和高度，我应该能够获得响应式设计......？

有什么最佳做法，何时使用什么？不仅对于字体大小，而且对于div´s和其他元素也是如此？

来源

2013-01-13 Daniel

@AshBurlaczenko：关于HTML/CSS编码的Web开发问题在这里是主题，[html] [css]是两个顶级标记。我怀疑网站管理员是否会接受HTML/CSS问题。这就是说，作为一个最佳实践问题，这似乎不符合我们的问答格式。 – BoltClock

检查这个真棒[**文章CSS字体大小：EM VS. PX VS. PT VS. PERCENT **]（http://kyleschaeffer.com/user-experience/css-font-size-em-vs-px-vs-pt-vs/） –

非常感谢您的回答！我很抱歉，我的第一个问题是脱离主题......我的歉意，我将努力成为下一个问题的主题。 – Daniel

至于我意识到，在%，em，px，pt的length值是你必须申请得到的东西在你的CSS布局做到了不同的措施。没有规则可以使用它们。

事实是，很难告诉你你要怎么处理它们，因为很难说出你在每个布局中要实现什么。 布局是关于创造力，你不能只是修复一种方法来适应所有的人。

我可以做的是告诉你的基础知识，但你可能已经知道了：你有一些绝对值（cm，mm，in，pt，pc，px）和一些相对值 （基于文本的：em，ex，ch，rem;视基于：vw，vh，vmin，vmax）。相关度量在“基础”变化时发生变化。

我个人发现自己使用了很多常见的，绝对的。但我们永远无法告诉你想要达到的目标。因此，手中持有official documentation是一件好事，因此您可以随时为每种布局挑战找到最佳方式。

好运！

来源

2013-01-13 11:23:39

使用em的主要优点是它的实际大小取决于用户的设置，即默认字体的大小。因此，喜欢大型的用户会增加此值。百分比创建了一种静态布局，即使它的大小很灵活，加上最小和最大高度/宽度，这可以产生安静的好结果。如果你希望有一个灵活的布局与列，所以只有一个小屏幕，两个大的和最多三个，你也将不得不使用浮动结合（最小/最大）宽度/高度。

一般来说，我不会开始质疑最好的单位，此外我会开始关于布局应该如何工作的基本概念。有时候，事实证明，在整个布局中使用javascript是最快和最可靠的解决方案，但是，要使用的单元取决于您的特殊目标和“这是最好的解决方案”，这个问题通常不存在，是什么状态。

问候..

来源

2013-01-13 11:26:16 philipp

CSS样式 - percentes vs em vs px？

回答

相关问题