大多数设计师在构建网页时考虑的第一件事就是设计什么样的分辨率。这实际上决定了你的设计应该有多宽。现在已经没有标准的网站宽度了。

为什么要考虑决议案

1995年，标准的640像素×480像素显示器是最大、最好的显示器。这意味着网页设计师们专注于在12英寸到14英寸的显示器上以该分辨率最大化在网页浏览器中看起来不错的网页。

如今，640x480分辨率占大多数网站流量的不到1%。人们使用分辨率更高的计算机，包括1366×768、1600×900和5120×2880。在许多情况下，为1366×768分辨率的屏幕设计是可行的。

托迪亚，大多数人都有大的宽屏幕显示器，他们不会最大化他们的浏览器窗口。因此，如果您决定设计一个宽度不超过1366像素的页面，那么即使在分辨率更高的大型显示器上，您的页面在大多数浏览器窗口中也可能看起来不错。

浏览器宽度

在决定网页的宽度时，一个经常被忽略的问题是，您的客户保留了多大的浏览器。具体来说，他们是以全屏大小最大化浏览器，还是保持浏览器比全屏小？

在你考虑了那些最大化或不最大化的客户之后，考虑一下浏览器边界。每个web浏览器的侧边都使用滚动条和边框，以800×600的分辨率将可用空间从800像素缩小到约740像素或更小，以1024×768的分辨率最大化窗口将可用空间缩小到约980像素。这被称为浏览器chrome，它会占用页面设计的可用空间。

固定或液体宽度页面

在设计网站宽度时，实际的数字宽度并不是你需要考虑的唯一问题。您还需要决定是使用固定宽度还是液体宽度。换句话说，您是要将宽度设置为特定数字（固定）还是百分比（液体）？

固定宽度

固定宽度的页面与声音完全相同。宽度固定在特定的数字上，并且无论浏览器有多大或多小都不会改变。如果你需要你的设计看起来完全一样，不管你的读者的浏览器有多宽或多窄，这种方法是很好的，但是这种方法没有考虑到你的读者。浏览器比您的设计窄的人将不得不水平滚动，而浏览器宽的人将在屏幕上有大量的空白空间。

要创建固定宽度的页面，请对页面分区的宽度使用特定的像素数。

液宽

液体宽度页面（有时称为柔性宽度页面）的宽度随浏览器窗口的宽度而变化。这一策略带来了更多关注客户的设计。液体宽度页面的问题是它们可能很难阅读。如果一行文本的扫描长度大于10到12个单词或小于4到5个单词，则可能难以阅读。这意味着浏览器窗口大或小的阅读器都有问题。

要创建灵活的宽度页面，请使用百分比或ems作为页面分区的宽度。熟悉CSS最大宽度属性。此属性允许您以百分比为单位设置宽度，但随后对其进行限制，使其不会变得太大以至于人们无法阅读。

css媒体查询

现在最好的解决方案是使用CSS媒体查询和响应设计来创建一个页面，该页面可以根据浏览器的宽度进行调整。响应式web设计使用相同的内容创建网页，无论您是以5120像素宽还是320像素宽查看，该网页都能正常工作。不同大小的页面看起来不同，但它们包含相同的内容。使用CSS3中的媒体查询，每个接收设备用其大小回答查询，并且样式表将调整到该特定大小。