我应该在 HTML 中使用 % 还是 'px'

Question

无论是 HTML、XHTML 还是 HTML5，您都会发现这些令人讨厌的百分比随处可见。然而......我看到很多网站都不敢靠近它们。然而，大学一直鼓励我使用它们。

那么我应该使用哪个？哪个会导致更好的网站设计，为什么？

我知道要避免使用高度，尽管如果我想使用百分比，HTML5 真的不喜欢我不指定高度。

感谢您抽出时间阅读。

Answer 1

这实际上取决于您想要建立什么。
有时我需要建立一个可供有某些残障人士阅读的网站。例如，如果老年人也访问您的网站，那么使用 % 是很好的选择，这样他们就可以放大您的页面，并且布局仍然看起来很漂亮。

固定设计布局 固定设计布局具有特定的宽度，并且不会缩放以适应浏览器窗口。使用它的网站可以根据需要左对齐、居中对齐甚至右对齐。

固定布局的好处：通过固定设计布局，您可以控制网页上元素的行长、流程和位置。设计者有固定的工作空间，可以轻松指定文本的行长和图像的位置。

固定布局的缺点：在高屏幕分辨率下查看时，固定设计布局往往会在设计的两侧留下大量空白空间。这使得网页的大小相形见绌，给人一种漂浮在屏幕上的印象。

流体布局流体设计布局使用百分比而不是像素来定义其宽度，并且它们填充整个浏览器窗口。它们也称为固定或动态设计。

流体布局的优点：流体设计布局的主要优点之一是其可访问性功能。他们迎合更多数量的用户。这是因为，无论用户的屏幕分辨率或设备是什么，固定的设计布局都可以更好地适应。它通过展开来利用整个浏览器窗口。这样可以最大化显示内容的面积，并且可以一次性看到更多信息。因此，窗纱上没有任何空白。与留下大量空白空间的固定布局相比，这是一个更好的选择。