为什么 HTML/CSS 专业开发人员使用 % 宽度
Why HTML/CSS professional developers are using % in width
我正在学习一些教程，我注意到开发人员正在使用 % 来声明 footer.Why 的宽度 他们是否使用 % 为什么他们不使用类似的东西width:500px;就像他们声明页脚的高度一样。
他们这样做是为了让内容响应视口大小。例如，您有一个宽度为 900 像素的 div。如果用户使用视口宽度小于 900px 的设备，div 将无法适应屏幕，从而导致糟糕的用户体验
使用 % 的好处是您可以使用所有 100% 的用户界面，并在响应方面提供最佳体验。
建议：主容器使用像素，内容使用百分比。
% 与 px 相比很有用，因为这样您的 structure/design 就会响应。
通常您希望页脚 响应 因此使用 % 是涵盖所有屏幕尺寸的更好选择。页脚的主要目的通常是详细导航，因此页脚的高度应由内容本身决定，因此在高度中使用 % 不是通常是一个不错的选择。使用 % 高度的另一个原因是您希望页脚水平覆盖屏幕的主要部分，例如。宽度为 500px 的页脚在较小的屏幕上可能看起来不错，但在较大的屏幕上可能效果不佳，这就是 % 提供更好结果的地方。
从另一个角度来看，这主要归结为设计。
高度和宽度的区别在于，文档、纯文本或 HTML 会变小。用户界面的设计考虑到了这一点。输入设备也是围绕这个想法设计的。考虑鼠标滚轮，它可以让你轻松上下，而左右则有点笨拙。
从理论上讲，我们本可以选择正确生长。我们会有水平滚轮（好吧，一些鼠标有它们，但它们甚至不接近标准），水平滚动条将像现在的垂直滚动条一样无处不在。在那个宇宙中，以像素为单位指定宽度，以百分比为单位指定高度是有意义的。
我正在学习一些教程，我注意到开发人员正在使用 % 来声明 footer.Why 的宽度 他们是否使用 % 为什么他们不使用类似的东西width:500px;就像他们声明页脚的高度一样。
他们这样做是为了让内容响应视口大小。例如，您有一个宽度为 900 像素的 div。如果用户使用视口宽度小于 900px 的设备，div 将无法适应屏幕，从而导致糟糕的用户体验
使用 % 的好处是您可以使用所有 100% 的用户界面，并在响应方面提供最佳体验。 建议：主容器使用像素，内容使用百分比。
% 与 px 相比很有用，因为这样您的 structure/design 就会响应。
通常您希望页脚 响应 因此使用 % 是涵盖所有屏幕尺寸的更好选择。页脚的主要目的通常是详细导航，因此页脚的高度应由内容本身决定，因此在高度中使用 % 不是通常是一个不错的选择。使用 % 高度的另一个原因是您希望页脚水平覆盖屏幕的主要部分，例如。宽度为 500px 的页脚在较小的屏幕上可能看起来不错，但在较大的屏幕上可能效果不佳，这就是 % 提供更好结果的地方。
从另一个角度来看，这主要归结为设计。
高度和宽度的区别在于，文档、纯文本或 HTML 会变小。用户界面的设计考虑到了这一点。输入设备也是围绕这个想法设计的。考虑鼠标滚轮，它可以让你轻松上下，而左右则有点笨拙。
从理论上讲，我们本可以选择正确生长。我们会有水平滚轮（好吧，一些鼠标有它们，但它们甚至不接近标准），水平滚动条将像现在的垂直滚动条一样无处不在。在那个宇宙中，以像素为单位指定宽度，以百分比为单位指定高度是有意义的。