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

Dan*_*iel 6 css pixel em

在网络上阅读几篇文章后,我有点困惑时使用percent,empxdiv´s,input´s,font´s,buttons等...

对于网站I'm工作,我们wan't添加一个响应式设计,从我从百分之相比不同的文章理解的是去的方式elementsdiv´s.但是我感到困惑,因为我认为即使我使用pxför布局而不是px根据设备/屏幕分辨率设置不同的宽度,高度,我应该能够获得响应式设计......?

什么时候使用什么是最好的做法?而且不仅是fontsize,div´s还有其他元素?

Alv*_*nço 5

至于我能实现的length价值观%empxpt是你必须申请得到的东西在你的CSS布局做到了不同的措施。根本没有规则可以使用它们。

事实是,很难告诉你你必须用它们做什么,因为很难说你要在每个布局中实现什么。布局是关于创造力的,你不能只修复一种方法来适应所有这些。

我能做的就是告诉你一些基础知识,但你可能已经知道了:你会有一些绝对值cm, mm, in, pt, pc, px)和一些相对值(基于文本:em, ex, ch, rem; 基于视口:vw, vh, vmin, vmax) . 相对度量随着它们“基础”的变化而变化。

我个人发现自己使用了很多常见的、绝对的。但是我们永远无法确定您想要实现的目标。因此,手头有官方文档是件好事,这样您总能找到应对每个布局挑战的最佳方法。

运气!


phi*_*ipp 5

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

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

问候..