推荐的网站分辨率（宽度和高度）？
常见的网站parsing有没有标准？
我们针对较新的显示器，可能至less有1280px宽，但高度可能会有所不同，每个浏览器也可能有不同的工具栏高度。
这有什么标准吗？
这些天的build议是：
针对1024×768进行优化 。 对于大多数网站这将覆盖大多数访客。 大多数日志显示您的访问量的92-99％将超过1024个。 虽然1280越来越普遍，但仍然有很多在1024和以下。 为此优化，但不要忽视其他人。
1024 =〜960 。 计算滚动条，窗口边缘等意味着1024×768屏幕的实际宽度 约为960像素 。 有些工具是基于一个稍小的尺寸，约940 。 这是twitter引导中的默认容器宽度。
不要为一种尺寸devise 。 窗口大小不一。 不要以为屏幕大小等于窗口大小。 devise一个合理的最小值，但假设它会调整。
使用响应式devise和液体布局 。 使用调整窗口大小时的布局。 人们做了很多，特别是在大屏幕上。 这只是一个很好的CSS练习。 有几个前端框架支持这个。
把移动视为一stream的公民 。 你总是从移动设备获得更多的stream量。 这些介绍了更多的屏幕尺寸。 您仍然可以优化960，但使用响应式网页devise技术意味着您的页面将根据屏幕大小进行调整。
日志浏览器显示信息 。 你可以得到这个实际的数字。 我在这里和这里和这里find了一些数字。 您也可以搭build您的网站来收集相同的数据。
用户将滚动，所以不要担心高度 。 旧的观点是，用户不会滚动，任何重要的东西都应该是“最重要的”。 这在几年前被推翻了。 用户滚动很多 。
更多关于屏幕分辨率：
- 屏幕分辨率和页面布局
- 实际的浏览器大小
- 最佳屏幕分辨率devise网站
- devise浏览器大小 – 不是屏幕大小
更多关于响应式devise：
- 响应式网页devise （2010年5月25日），Ethan Marcotte，A List Apart。
- 在维基百科响应网页devise
- 多设备布局模式 （2012年3月14日）Luke Wroblewski。 编目适用于多设备屏幕布局的最stream行的模式。
用于响应式devise和液体布局的工具和前端框架：
- Twitter Bootstrap
- Zurb基金会
- 50个极好的网页devise工具 （2012年4月24日）Denise Jacobs＆Peter Gasston
坏主意，我相信。 将内容与布局分离的关键在于使您的网页能够显示在任何types的浏览器上。
放置诸如最小屏幕尺寸等人为限制将会限制您的市场。
话虽如此，我相信每个桌面应该能够显示1024×768。 但是在iPhone或其他屏幕挑战设备上运行的浏览器，甚至那些不使用整个桌面浏览器的浏览器呢？
在回答你的具体问题时，不，我不相信浏览器中的最小或普通显示区域有任何标准。
迫使你的用户水平滚动是一个严重的UI过犯。 除非您专门为一个已知屏幕大小的人群构build网站，否则最安全的做法是确保您的devise能够在800像素宽的屏幕上工作（如果内存正确，则大约占网上冲浪总量的8％）。 使其适应大屏幕是明智的，但不以800×600的人为代价。
还有一点需要考虑：不是每个人都以全屏模式运行浏览器（我没有）。 所以如果devise一个特定的（和大的）“屏幕尺寸”，这个想法确实不起作用的原因有很多。
2010年12月15日更新：当我第一次回答这个问题时，800像素是一个合适的答案。 不过，在这一点上，我会build议1024像素宽（或其他人指出960）。 技术进步…
以下是2008年浏览器显示的统计数据： http : //www.w3schools.com/browsers/browsers_display.asp
大约50％的用户仍在使用1024×768。 如果您希望您的网站在高分辨率下看起来不错，请使用灵活的布局。
实际上有宽度的行业标准（至less根据雅虎）。 他们支持的宽度是750,950,974,100％
对于预定义的网格（列布局），这些宽度有很多优点，如果要包含任何广告，则可以与广告的标准尺寸一起使用。
有趣的谈话太值得关注了。
见YUI基地
这里有一个很棒的工具： Google实验室浏览器大小
我会说，你应该只希望用户有一个800×600分辨率的显示器。 加拿大政府有这样的标准，将其列为要求之一。 虽然对于一个花哨的宽屏显示器来说这似乎很低，但是请记住，并不是每个人都有一个很好的显示器。 我仍然知道很多人在1024×768下运行。 碰到800×600的用户并不罕见，特别是在旅行时在便宜的网吧。 另外，如果你不想要，你的浏览器窗口必须全屏。 您可以在更宽的显示器上使网站更宽，但不要让用户水平滚动。 永远。 支持较低分辨率的另一个优点是，您的网站将在手机上工作，任天堂Wii的更容易。
至less1280宽的笔记，我不得不说这是太过分了。 大多数17甚至我的19英寸非宽屏显示器只支持1280×1024的最大分辨率。 而我现在打字的14英寸宽屏笔记本电脑只有1280像素。 我会说，你应该争取最大的最低分辨率是1024×768，但800×600将是理想的。
到目前为止所有的答案都是关于桌面监视器，但是我在iPhone上使用堆栈溢出，我不认为你应该排除任何目标为1024或1280水平像素的移动平台。 标记你的页面，让浏览器知道这一切意味着什么，使它可以免费使用，即使在屏幕阅读器和其他你没有想到的套件。
最好不要针对任何特定的分辨率，而要轻易适应许多不同的分辨率。
我们使用的指南似乎相当广泛地使用，并且得到了Google Analytics（分析）提供的数据的支持，它们将devise网站，使其可以在1024像素宽，768像素高的屏幕上工作（1024×768和1280×800是我们看到的最常见的解决scheme，占所有stream量的至less70％）。
这就是为什么你看到许多网站（这一个包括）使用中央列约1000像素宽，最重要的内容在前500-600像素，所以这是在这个尺寸的屏幕上看到的折叠。
使用1000像素宽的布局在宽度高达约1680像素的屏幕尺寸上的效果相当不错（除了大型的17“像素之外，通常会像在笔记本电脑上看到的那样高），但是开始在1920像素上看起来有点无聊（高端计算机，通常是工作站），但是这些非常高的分辨率并不能解决普通互联网上很大一部分的stream量 – 2％或更less（另一方面，如果你有像这个网站这样的专家，高分辨率的数字可能会稍高一些）。
虽然最好的宽度可能会达到1024，但您必须为各种浏览器设置（导航工具栏，书签工具栏，状态工具栏等）调整高度，并考虑到任务栏设置。 它会迅速降低768下降到550左右。
无论您的目标浏览器大小如何，请确保包含浏览器工具栏，状态栏和滚动条的空间。 Internet Explorer（IME）在工具栏和状态栏中通常具有超过100像素的垂直空间。 通常情况下，如果我拍摄的是1024 x 768，我会尝试创build一个960-980像素宽和600像素高的devise来保证安全。 这样，你可以容纳如果必要的滚动和一些漂亮的空白（如果devise需要它）。 我强烈build议YUI网格的情况下，你需要针对特定的尺寸：
YUI网格
我从devise师那里得到了很多关于宽度的问题，但是用什么高度来“把所有东西放在一边”。 这是我最近给的一个答案 –
对于宽度，我不是一个devise师，但我已经读过，宽度是960px，因为它适合分成几列，看起来不错，而且很适合大多数显示器。 如果可以的话，devise一个液体布局 – 但是这并不总是实用的，这取决于您的devise师，您的CSS技能，图像和文本的数量。
（你总是希望每行有65-80个字符，行高约为1.15）。 这是文本的最佳列宽，并且已经被certificate比读取非常宽或窄的列要快得多和愉快）
就“最重要”而言，我只是不得不谨慎使用networking上的任何这样的概念。 水平滚动可以并应该避免，但垂直滚动是你不能100％避免的东西。 我只能告诉你，在1024×768的显示器上（至less有95％的用户具有或更高），你应该可以使用固定的600像素高的模块。 但是有很多不同的显示格式，浏览器铬可以占用很多空间，并不是每个人都最大化浏览器窗口。
这里还有其他一些网站说的或多或less都是一样的东西，但是根据实际的统计数字，计划让所有人都能够完全摆脱困境，因为那样的话你可能只有400px左右。
最后是一个长篇文章，详细介绍（我会发布更多，但是说我太小白） – 如何devise浏览器大小 – baekdal.com
我个人总是坚持1000px的最大宽度，居中在页面的中间（通过边缘左/右：自动）。
如果您的系统运行速度低于1024×768，则需要升级。 认真。 这差不多是2010年。你可以买1280×1024的本地水库讨价还价的液晶显示器。
我build议你看一下媒体查询。 这是一个非常有用的CSS新增function，你可能想知道为什么这个function在早些时候还没有实现。 基本上它允许你直接通过CSS来定位浏览器属性（如最大和最小宽度），并从那里分支你的布局代码。 与创build打印样式表类似，您可以在同一个文件中并行创build桌面和移动版式，这些文件可以用于开发。
例如，如果使用必须与主体背景图像相匹配的背景图像，柔性或液体布局确实会使devise稍微复杂。
我宁愿为网站制作不同的CSS布局，并根据用户的决议进行应用，或者如果这是不可能的（还没有挖掘到这一点），使其成为一个可供select的选项。
好的，我在这里看到很多错误信息。 对于初学者来说，使用某种分辨率（例如800×600）创build网页，只会使用该分辨率正确渲染该页面！ 当其他人的笔记本电脑或家用PC显示器上显示相同的页面时，页面将使用该屏幕的当前分辨率显示，而不是您在devise页面时使用的分辨率。 不要为一个特定的分辨率创build网页！ 有太多不同的长宽比和屏幕分辨率，以期“一刀切”的情况下，与网页devise不存在。 以下是解决scheme：使用CSS3媒体查询来创build解决scheme自适应代码。 这是一个例子：
@media screen and (max-width: 800px) { styles } @media screen and (max-width: 1024px) { styles } @media screen and (max-width: 1280px) { styles } 看看我们刚刚做了什么，指定了3套不同分辨率的样式。 在我们的例子中，如果一个屏幕的分辨率大于800px，那么1024的CSS将会被执行。 同样，如果显示内容的屏幕是1224px，则1280将被执行，因为1224大于1024.我正在使用的站点现在在所有分辨率为800×600到1920×1080的范围内运行。 另外要记住的是，并不是所有具有相同分辨率的显示器都具有相同的尺寸屏幕。 您可以将15.4台笔记本并排放置，而两者看起来相同，两者的分辨率可能会有很大差异，因为不同的液晶显示屏上的所有像素尺寸都不相同。 因此，使用媒体查询，并开始创build您的网站与高分辨率的笔记本电脑屏幕，特别是1280 +。 另外，在笔记本电脑上使用不同的分辨率创build每个媒体查询。 您可以在Windows中使用您的分辨率设置来调整800×600并在该分辨率下创build媒体查询，然后切换到1024×768并在该分辨率下创build另一个媒体查询。 我可以继续下去，但我认为你们应该明白这一点。
更新：这是一个使用媒体查询的链接，这将有助于解释更多， 媒体查询移动设备的创新网页devise
该教程将告诉你如何devise所有设备。 还有专门针对媒体查询的教程。 我开发了整个网站在所有设备，所有屏幕和所有分辨率使用没有子域，只有CSS渲染！ 我仍在努力支持平板电脑和智能手机。 该网站可以在任何笔记本电脑或50英寸液晶电视上完美呈现，而且许多页面都可以在所有移动设备上正常工作。 如果你把所有的代码放在页面上，那么你的页面将会加载更快！ 另外，一定要注意在那篇关于CSS“background-size：cover”的文章中的讨论。 或“包含”的属性，他们将使您的背景graphicsstream畅，并能够完美呈现在所有决议。
按照网站教程，你可以做一个网页，呈现任何事情和任何事情！
尝试将目标1024作为最小宽度。 试试看如何看待800，但不要打扰太多的工作。 在800×600几乎没有主要的网站将工作，所以在这个决议工作的人总是会有问题无论如何。
如果您打算进行液体布局，请确保文字不会太宽 ，因为当文字太长时，文字会变得难以阅读。 这是大多数网站固定宽度的主要原因。
我的目标是1024像素的显示器（但不要使用该空间的100％）。 我已经放弃了与800×600的那些。 我宁愿用过时的硬件来惩罚那些less数人，如果他们需要的话，让他们滚动，而不是用浪费空间的新设备来惩罚每个人。
我想这取决于你的观众，以及你的应用程序的性质。
最终，这不是关于标记的标准或最佳实践问题，而是了解您的受众群体 ，并确保您的网站按照您的要求进行操作。
考虑浏览器视口的宽度而不是屏幕分辨率更重要 – 不能假定显示器上的每个像素都将被分配给浏览器（即使是这样，您也必须减去浏览器的镶边）。 如果您有权访问报告浏览器宽度（ nb浏览器宽度，而不是屏幕分辨率）的分析报告，请密切关注。
尽量适应尽可能广泛的视口是很好的，但是有一些限制。 一些挑战可以用CSS媒体types来处理，有些则不能。 有些可以用stream体布局来处理。 但是，根据要显示的信息types，线路长度，阅读舒适度等等 ，stream体布局不能在所有情况下工作。某些stream体布局不适用于宽屏幕显示器。 当尺寸小于一定宽度时，大多数会破损
就像我个人喜欢devise大约960像素的视口一样，你不能总是这样做。 所以在某些情况下，devise视angular<= 760像素左右（800像素宽的显示器，最大化）仍然是最安全的 – 虽然我们终于可以一劳永逸地抛弃这个限制 – 至less在桌面上 – 是非常快的临近。
在哪里转换是一个问题 – 而且你有一个固定的宽度布局 – 你最好有一个很好的理由，把用户需要点击的东西，以便收银机去760东边的任何地方去“ka-ching”像素。
主要导航同上。
最后，testing一下你的布局。 大。 小。 桌面。 掌上电脑。 作品。 没有替代品。
我只是从我所访问的所有客户端网站中抽取了一些屏幕分辨率，其中包括超过8个行业的20多个网站，结果如下：
替代文字http://unkwndesign.com/so/percentScreenResolutions.png
基于这一点，我会说，确保它在1024×768上看起来不错，因为这是多数人的一大笔钱。 也不要担心高度，但是尽量避免使大多数页面以默认字体大小打印1-2页，大多数人不会阅读长时间的页面，而且如果用户安装了占用大量的工具栏垂直空间，我个人的偏好是这是他们的问题，但我认为这不是一个大问题。
*注意百分比合计为100.05％，因为四舍五入。
请记住，分辨率越高，互联网浏览器的可能性就越小。
而且一些浏览器也有侧栏。
这取决于你想要渲染的东西，但是我会select一个宽度不大于800-900的可变宽度布局。
身高并不是一个真正的问题。
sbeam说“你总是希望每行有65-80个字符”。 那是不正确的。 例如，维基百科可能每行有180个字符。 还是它是一个特定的网站？
;){kind=link}