建议的网站分辨率(宽度和高度) ？

我觉得不是个好主意。将内容从布局中分离出来的全部目的是使你的网页能够在任何浏览器上显示。

设置最小屏幕尺寸等人为限制会限制你的市场。

话虽如此，我相信每个桌面应该能够显示1024x768。但是，那些运行在 iPhone 或其他屏幕受到挑战的设备上的浏览器，甚至那些不把整个桌面用于浏览器的设备又该怎么办呢？

回答你的具体问题，不，我不相信有任何标准的最低或公共显示区域的浏览器。

最好不要针对任何特定的解决方案，而是要容易地适应许多不同的解决方案。

我想说的是，您应该只期望用户拥有一个分辨率为800x600的显示器。加拿大政府的标准将此列为要求之一。尽管对于那些拥有漂亮宽屏显示器的人来说，这个数字似乎很低，但是请记住，并不是每个人都有一个漂亮的显示器。我还是知道很多人在1024x768跑步。而且，在旅途中遇到一个开着800x600跑步机的人，尤其是在便宜的网吧里，这种情况并不少见。另外，如果你不想的话，把你的浏览器窗口设置成全屏也不错。你可以在更宽的显示器上扩大网站，但不要让用户水平滚动。永远不会。支持低分辨率的另一个好处是，你的网站可以在手机上运行，而且任天堂 Wii 更加简单。

你至少1280码的宽度，我不得不说这太夸张了。大多数17，甚至我的19英寸非宽屏显示器只支持1280x1024的最大分辨率。而我现在正在打字的14英寸宽屏笔记本电脑只有1280像素宽。我会说，您应该争取的最大最小分辨率是1024x768，但800x600将是理想的。

我们使用的指导方针，似乎是相当广泛的使用，并支持我们从谷歌分析得到的数据，是设计网站，以便它将工作在一个屏幕，1024像素宽和768像素高(1024x768和1280x800是最常见的分辨率，我们看到的，占所有流量的至少70%)。

这就是为什么你会看到许多网站(包括这个网站)使用一个大约1000像素宽的中心列，最重要的内容在前500-600像素，所以当在这种尺寸的屏幕上浏览时，它在折叠之上。

使用1000像素宽的布局在1680像素宽的屏幕上效果相当不错(通常和你在笔记本电脑上看到的一样高，除了17英寸的大屏幕) ，但是在1920像素宽的屏幕上(高端电脑，通常是工作站)看起来有点傻，然而这些非常高的分辨率并不占整个互联网流量的很大比例——2% 或更少(另一方面，如果你有像这个网站一样的专业用户，高分辨率的数字可能会更高一些)。

尝试将目标1024作为最小宽度。试试800英里的时候是什么样子，但是不要费太多心思让它工作。在800x600的分辨率下，几乎没有一个主要的网站能够正常工作，所以在这种分辨率下工作的人们总是会遇到问题。

如果你打算使用流式布局，确保文本不会得到 太宽了，因为当行太长时，它们会变得难以阅读。这就是为什么大多数网站都有固定宽度的主要原因。

以下是2008年浏览器显示的统计数字: Http://www.w3schools.com/browsers/browsers_display.asp

大约50% 的用户仍在使用1024x768。如果你想让你的网站在高分辨率下看起来漂亮，可以使用灵活的布局。

Although the best width may by 1024 you'll have to adjust height for account for various browser settings (navigation toolbar, bookmark toolbar, status toolbar, etc) and account for taskbar settings. It'll quickly drop the 768 down to around 550.

强迫用户水平滚动是一种严重的 UI 越界行为。除非你专门为一个屏幕大小已知的人群建立一个网站，否则最安全的做法是确保你的设计适用于800像素宽的屏幕(如果我没记错的话，大约是上网人群的8%)。它是明智的，使它适应更大的屏幕，但不是在成本的人仍然冲浪在800x600。

还有另外一件事情需要考虑: 不是每个人都在全屏运行他们的浏览器(我不这么认为)。所以，如果设计一个特定的(和大的)“屏幕尺寸”是可以的，这种想法实际上是行不通的，原因有很多。

2010年12月15日更新: 当我第一次回答这个问题时，800像素是一个合适的答案。然而，在这一点上，我建议1024像素宽(或960，因为其他人指出)。科技进步..。

无论您的目标浏览器大小如何，请确保包括浏览器工具栏、状态栏和滚动条的空间，如上所示。在工具栏和状态栏中，Internet Explorer (IME)常常有超过100px 的垂直空间。通常，如果我拍摄1024 x 768，我会尝试创建一个约960-980像素宽和600像素高的设计是安全的。这样，如果需要的话，你可以适应滚动和一些漂亮的空白(如果设计需要的话)。我强烈推荐 YUI 网格用于需要针对特定大小的实例:

YUI Grid

我的目标是1024像素的显示器(但不要使用100% 的空间)。我已经放弃那些800x600的了。我宁愿惩罚那些使用过时硬件的少数人，如果他们需要的话就让他们滚动，而不是通过浪费空间来惩罚每个使用新设备的人。

我想这取决于你的观众，以及你应用的性质。

到目前为止，所有的答案都是关于桌面显示器的，但是我在我的 iPhone 上使用栈溢出，我不认为你应该把1024或1280水平像素排除在任何移动平台之外。标记你的页面，这样浏览器就会知道这一切意味着什么，让它可用将免费获得，甚至在屏幕阅读器和其他你没有想到的工具包。

归根结底，这不是标记的标准或最佳实践的问题，而是了解您的 观众并确保您的网站做您希望它做的事情。

更重要的是要考虑浏览器视窗的宽度而不是屏幕分辨率——你不能假设显示器上的每个像素都会被分配给浏览器(即使是这样，你也必须减去浏览器的 chrome)。如果你有访问分析报告浏览器宽度(N.b.浏览器宽度，而不是屏幕分辨率) ，然后非常密切的关注。

尝试容纳尽可能广泛的视口是很好的，但是也有一些限制。有些挑战可以用 CSS 媒体类型处理，有些则不能。有些可以通过流动布局来处理。但流动布局不能在所有情况下工作，这取决于要显示的信息类型，行长，阅读舒适度，等等。一些流动布局不工作的广泛显示。大多数断裂时，大小低于一定的宽度，等等。

尽管我个人很想为视图设计 ~ 960像素以上的像素，但你不能总是这样做。所以在某些情况下，最安全的设计方式仍然是视窗 < = 760像素左右(800像素宽显示，最大化)——尽管我们最终可以一劳永逸地解决这个限制的时候——至少对桌面来说——正在快速逼近。

如果转换是一个问题——你有一个固定的宽度布局——你最好有一个该死的好理由，把用户需要点击的任何东西，以便收银机去“卡-清”的任何地方以东的760个像素。

主导航也是如此。

最后，测试您的布局在一切您可以得到您的手。很大。很小。桌面。手提式。工作。没有替代品。

我只是从我能访问的所有客户端网站上提取了一些屏幕分辨率的样本，其中包括超过20个来自8个行业的网站，结果如下:
替换文本 http://unkwndesign.com/so/percentscreenresolutions.png
基于这一点，我会说，确保它看起来不错的1024x768，因为这是大多数人在这里的一个长镜头。也不要太担心页面的高度，不过尽量避免在默认字体大小下使大多数页面超过1-2页，大多数人不会阅读那么长的页面，如果用户安装了一个占用垂直空间的工具栏，我个人的偏好是这是他们的问题，但我不认为这有什么大不了的。

* 注意由于四舍五入，百分比加起来为100.05% 。

实际上宽度是有行业标准的(至少雅虎是这么认为的)。 它们支持的宽度为750,950,974,100%

这些宽度的优势在于它们的预定义网格(列布局) ，如果你要包含任何标准尺寸的广告，这些网格可以很好地与标准尺寸配合使用。

有趣的谈话太值得一看了。

见 YUI Base

现在的建议是:

优化为1024x768 。对于大多数网站，这将涵盖大多数访问者。大多数日志显示，92-99% 的访问量将超过1024。虽然1280已经越来越普遍，但是1024还有很多，还有一些低于1024。优化这一点，但不要忽视其他。

1024 = ~960. Accounting for scrollbars, window edges, etc means the real width of a 1024x768 screen is 大约960像素. Some tools are based on a 体积稍小，大约940. This is the default container width in Bootstrap.

不要设计为一个大小 。窗户大小不一。不要假设屏幕大小等于窗口大小。设计一个合理的最低限度，但假设它会调整。

使用响应式设计和液体布局。使用可在调整窗口大小时进行调整的布局。人们经常这么做，尤其是在大屏幕上。这只是很好的 CSS 练习。有几个前端框架支持这一点。