在现代网页设计时代，浏览器宽度无关紧要。那里有很多不同的设备，您需要使您的设计具有响应性，因为它们适用于任何尺寸的屏幕。

为此，您应该使用某种流体宽度网格系统并使用@media queries定位特定设备。

媒体查询只是针对不同视口大小的不同 CSS 规则集。媒体查询还可以响应浏览器宽度的动态变化。当您缩小浏览器时，页面会通过删除浮动或从 12 列变为 1 或 2 列来响应。当移动设备和表格上的用户将方向从纵向更改为横向或反之亦然时，响应性也会对移动设备和表格上的用户做出反应。

目标尺寸：

• 纵向模式下的 320 x 480 移动设备
• 480 x 640 小型平板电脑或 iPhone 处于横向模式
• 纵向模式下的 768 x 1024 平板电脑
• 横向模式下的 1024 x 768 平板电脑
• 1200 + 桌面浏览器
• 2900 ++ 大型媒体展示或会议（这不是必须的，但如果有人在非常大的显示器上查看您的网站怎么办。

要查看实际情况，请查看无框网格。它实际上并不流畅，但是当您调整浏览器时，它会从 14 列一直下降到 1

Twitter Bootstrap是一个简单的 CSS、HTML 和 JS 框架，使用流行的用户界面组件构建，也是现代响应式设计实践的一个很好的例子。

您可能还需要考虑的另一件事是像素密度。iPhone 4 和新 iPad 的视网膜显示屏的清晰度是普通屏幕的 2 倍。这使得提供精灵和图像而不是文本的做法几乎过时了。在 iPad 上，带有文字的图像看起来很糟糕。

所以这个问题的答案是没有你应该设计的标准浏览器宽度。您应该根据您的用户做出设计决策，并将其放在最容易被最多人访问的地方。

许多布局模板使用 960px 宽度，因为它适合常见的 1024px 宽屏幕分辨率，为滚动条提供一些空间，并且很容易被 2、3、4、5、6、8、10、12 和 16 整除 - 非常适合列布局。

有关示例，请参见http://960.gs 。

其他框架（如bootstrap）使用 940px 来说明列之间的一些边距。

如果您的目标是桌面浏览器，那么如果需要，您可以轻松达到大约 1000 像素宽。

StatCounter 屏幕分辨率

当最典型的显示器是 1024 像素或更大时，为什么要大约 1000 像素？因为您必须允许滚动条和窗口镶边。

如果您专门针对移动浏览器，那么 320 像素宽可能是一个不错的选择，尽管移动浏览器通常会缩放内容以适应视图宽度，因此 950 或 960 像素宽可能会很好。请注意，在 iPhone 等高 DPI 设备上，320 CSS/HTML 像素等于 640 设备像素。

StatCounter 手机屏幕分辨率

您的目标市场也可能会发生变化。如果您的目标受众是精通技术的受众，您可以预期事情会偏向更现代的设备。如果您正在构建政府网站，则需要满足更广泛的需求。

另外，你是如何建立网站的？如果您使用的是网格系统，例如 Blueprint CSS 或 960 网格系统，那么它也可以决定尺寸（大多数网格系统也可以更改为其他尺寸）。

如果您想在移动设备和桌面设备上正常工作，您可能还想研究响应式设计。

在这个时代，全世界诽谤的桌面尺寸是 1024x768，做一个 1003px 大小的网站是件好事...