为什么HTML / CSS专业开发人员在宽度上使用％

Question

我正在阅读一些教程，我注意到开发人员正在使用one来声明页脚的宽度。为什么他们使用%为什么不使用%之类的内容1}};就像他们宣布页脚的高度一样。

Answer 1

他们这样做是为了使内容响应视口大小。例如，你有一个宽度为900px的div。如果用户使用视口宽度小于900px的设备，则div不适合屏幕，从而产生糟糕的用户体验

Answer 2

使用％的好处是你可以使用所有100％的用户界面，并提供最佳的响应体验。 建议：使用主容器的像素和内容的百分比。

Answer 3

与%相比，

px非常有用，因为这样，您的结构/设计就会响应。

Answer 4

通常您希望您的页脚响应，因此使用%是覆盖所有屏幕尺寸的更好选择。页脚的主要目的通常是具有详细导航，因此页脚的高度应由内容本身决定，因此使用高度%通常不是一个不错的选择。在高度中使用%的另一个原因是您希望您的页脚水平覆盖屏幕的主要部分，例如。宽度为500px的页脚在较小的屏幕上看起来不错，但在较大的屏幕上看起来不是很好，这是%提供更好结果的地方。

从另一个角度来看，它主要归结为设计。

Answer 5

高度和宽度之间的差异是文档，纯文本或HTML，逐渐减少。用户界面的设计考虑到了这一点。输入设备也是围绕这个想法设计的。考虑鼠标滚轮，它可以让你轻松上下，而左和右更笨拙。

从理论上讲，我们可以确定正确的增长。我们会有水平滚轮（好吧，有些老鼠有它们，但它们甚至不接近标准），水平滚动条现在无处不在。在那个宇宙中，指定宽度（以像素为单位）和高度（以百分数表示）是有意义的。