css - 固定宽度的网站是唯一真正的可能性吗？

Question

在创建网站设计时，提供固定内容宽度是唯一可行的选择吗？

我注意到大多数主要网站(包括这个网站)都将所有内容以固定宽度居中，以确保所有元素在所有屏幕尺寸上看起来都是正确的。

我想我已经知道了这个问题的答案，但一位同事似乎认为永远不应该有水平滚动条，网站应该根据用户的屏幕宽度调整大小。我认为文本可以调整大小但其他元素不能(按钮、文本框等)，因此固定宽度是唯一的选择。

我很乐意听取您的各种意见。

确定固定宽度是保证所有浏览器布局正确的唯一方法吗？

Answer 1

您可以巧妙地使用 float /媒体查询，使布局在较窄的宽度下也能很好地工作。

但固定宽度确实更常见:

• 设计更容易
• 现在没有多少人有窄显示器了——大多数网站似乎都假设他们有 1000 像素的水平空间可以使用，而且我没听说他们收到很多投诉
• 基于触控的操作系统(iOS、Android 等)使缩放网页感觉非常自然，因此像素尺寸在那里并不那么重要。
• 当内容行太宽时(我认为超过 60 个单词？)，它们会变得难以阅读，因此对于拥有更大浏览器窗口的用户来说，将元素扩展到全宽并没有太大优势。

我认为最有可能拥有较少水平空间的用户群体是智能手机用户，如果您非常关心他们的体验，您将需要针对他们的特定设计。

哦，只有一件事:“确定固定宽度是保证在所有浏览器上正确布局的唯一方法吗？”恕我直言，这有点像程序员的思考方式。您不能保证有关网页呈现的任何事情。浏览器和操作系统可以为所欲为。那就是网络。随它去吧。