大多数设计师在构建网页时首先考虑的是设计的分辨率。这真正相当于决定你的设计应该有多宽。作为标准网站宽度，不再有这样的东西了。
为什么要考虑解决
1995年，标准的640x480分辨率显示器是最大和最好的显示器。这意味着网页设计师专注于在这个分辨率下在12英寸到14英寸的显示器上最大化网页浏览器中的页面。
目前，640x480的分辨率不到大多数网站流量的1％。人们使用分辨率更高的计算机，包括1366x768,1600x900和5120x2880。在许多情况下，设计1366x768分辨率的屏幕是有效的。
我们处于网页设计历史的一个阶段，我们不必担心解决方案。大多数人都有大型宽屏显示器，他们没有最大化浏览器窗口。因此，如果您决定设计宽度不超过1366像素的页面，即使在具有更高分辨率的大型显示器上，您的页面在大多数浏览器窗口中也可能看起来很好。
浏览器宽度
在你开始思考“好吧，我会把我的页面宽1366像素”之前，这个故事还有更多。在决定网页宽度时，一个经常被忽视的问题是客户保留浏览器的程度。具体来说，他们是以全屏尺寸最大化浏览器还是让它们比全屏小？
在一项非同寻常的调查中，他们都使用了公司标准的1024x768分辨率笔记本电脑，其中两台使所有应用程序保持最大化。其余的由于各种原因打开了不同大小的窗户。这说明如果您以1024像素宽度设计该公司的Intranet，则85％的用户必须水平滚动才能看到整个页面。
在考虑了最大化或不最大化的客户之后，请考虑浏览器边框。每个Web浏览器都有一个滚动条和边框，在800x600分辨率下可用空间从800缩小到约740像素或更低，在1024x768分辨率下最大化窗口缩小约980像素。这称为浏览器“chrome”，它可以占用页面设计的可用空间。
固定或液体宽度页面
在设计网站宽度时，实际的数字宽度并不是您需要考虑的唯一因素。您还需要确定是否具有固定宽度或液体宽度。换句话说，您要将宽度设置为特定数字（固定）还是百分比（液体）？
固定宽度
固定宽度的页面与它们的声音完全相同。宽度固定为特定数字，无论浏览器有多大或多小，都不会改变。如果您的设计看起来完全一样，无论读者的浏览器有多宽或多窄，这都可能很好，但这种方法并未考虑您的读者。浏览器比设计更窄的人必须水平滚动，而拥有广泛浏览器的人在屏幕上会有大量的空白空间。
要创建固定宽度的页面，只需使用特定的像素数作为页面分区的宽度。
液体宽度
液体宽度页面（有时称为柔性宽度页面）的宽度取决于浏览器窗口的宽度。这使您可以设计更专注于客户的页面。液体宽度页面的问题在于它们难以阅读。如果一行文本的扫描长度超过10到12个字或短于4到5个字，则可能难以阅读。这意味着具有大型或小型浏览器窗口的读者会遇到麻烦。
要创建灵活的宽度页面，只需使用百分比或ems作为页面分区的宽度。您还应该熟悉CSS max-width属性。此属性允许您以百分比形式设置宽度，但随后限制它以使其不会变得太大以至于人们无法读取它。
获胜者是：CSS媒体查询
如今最好的解决方案是使用CSS媒体查询和响应式设计来创建一个页面，该页面可以调整到查看它的浏览器的宽度。响应式网页设计使用相同的内容创建一个网页，无论您以5120像素宽还是320像素宽查看它。不同大小的页面看起来不同，但它们包含相同的内容。使用CSS3中的媒体查询，每个接收设备以其大小回答查询，并且样式表调整到该特定大小。
