CSS样式 - 百分比vs em与px?

时间:2013-01-13 11:14:06

标签: css pixel em

在网上阅读了几篇文章后,我对percentempx何时使用div´sinput´s,{}感到困惑。 {1}},font´s等等......

对于我正在处理的网站,我们不想添加响应式设计,而且根据我对不同文章的理解而不是百分比是buttonselements的方法。但是我感到很困惑因为我认为即使我使用div´sför布局我也应该能够获得响应式设计,而不是根据设备/屏幕分辨率在px设置不同的宽度,高度...?

有什么时候使用什么的最佳做法?不仅对于fontsize,而且对于px和其他元素也是如此?

2 个答案:

答案 0 :(得分:5)

使用em的主要优点是它的实际大小取决于用户的设置,即默认字体的大小。所以喜欢大型的用户会增加这个价值。百分比创建一种静态布局,即使它的大小灵活,结合最小和最大高度/宽度,这可以产生安静的好结果。如果你想有一个灵活的列布局,那么只有一个小屏幕,两个大屏幕和三个最大,你还必须使用浮点数结合(最小/最大)宽度/高度。

总的来说,我不会开始质疑最好的单位,而且我会开始一个关于布局应该如何工作的基本概念。有时事实证明,使用javascript作为整个布局是最快和最可靠的解决方案,因此,使用的单位取决于您的特殊目标和»这是最佳解决方案«对于这个问题一般不存在,是什么状态。

问候..

答案 1 :(得分:4)

据我所知,length%empx中的pt值只是您必须应用的不同指标在CSS布局中完成任务。完全没有使用它们的规则。

事实上,很难告诉你与他们有什么关系,因为很难说出你在每个布局中要达到的目标。 布局是关于创造力的,你不能只修复一种方法来适应所有这些。

我能做的就是告诉你基础知识,但你可能已经知道了:你会有一些绝对值cmmm,{{1 }},inptpc)和一些相对值(基于文字:pxem,{{ 1}},ex;基于视口:chremvwvh)。相对措施随着“基础”的变化而变化。

我个人发现自己使用了许多常见的,绝对的。但我们永远无法说出你想要实现的目标。因此,掌握official documentation是件好事,这样您就可以随时找到解决每个布局挑战的最佳方法。

运气!