在网上阅读了几篇文章后,我对percent
,em
或px
何时使用div´s
,input´s
,{}感到困惑。 {1}},font´s
等等......
对于我正在处理的网站,我们不想添加响应式设计,而且根据我对不同文章的理解而不是百分比是buttons
和elements
的方法。但是我感到很困惑因为我认为即使我使用div´s
för布局我也应该能够获得响应式设计,而不是根据设备/屏幕分辨率在px
设置不同的宽度,高度...?
有什么时候使用什么的最佳做法?不仅对于fontsize,而且对于px
和其他元素也是如此?
答案 0 :(得分:5)
使用em的主要优点是它的实际大小取决于用户的设置,即默认字体的大小。所以喜欢大型的用户会增加这个价值。百分比创建一种静态布局,即使它的大小灵活,结合最小和最大高度/宽度,这可以产生安静的好结果。如果你想有一个灵活的列布局,那么只有一个小屏幕,两个大屏幕和三个最大,你还必须使用浮点数结合(最小/最大)宽度/高度。
总的来说,我不会开始质疑最好的单位,而且我会开始一个关于布局应该如何工作的基本概念。有时事实证明,使用javascript作为整个布局是最快和最可靠的解决方案,因此,使用的单位取决于您的特殊目标和»这是最佳解决方案«对于这个问题一般不存在,是什么状态。
问候..
答案 1 :(得分:4)
据我所知,length
,%
,em
,px
中的pt
值只是您必须应用的不同指标在CSS布局中完成任务。完全没有使用它们的规则。
事实上,很难告诉你与他们有什么关系,因为很难说出你在每个布局中要达到的目标。 布局是关于创造力的,你不能只修复一种方法来适应所有这些。
我能做的就是告诉你基础知识,但你可能已经知道了:你会有一些绝对值(cm
,mm
,{{1 }},in
,pt
,pc
)和一些相对值(基于文字:px
,em
,{{ 1}},ex
;基于视口:ch
,rem
,vw
,vh
)。相对措施随着“基础”的变化而变化。
我个人发现自己使用了许多常见的,绝对的。但我们永远无法说出你想要实现的目标。因此,掌握official documentation是件好事,这样您就可以随时找到解决每个布局挑战的最佳方法。
运气!