开发网页的最佳屏幕分辨率是多少？答案

【问题标题】：what is the best screen resolution to develop web pages?开发网页的最佳屏幕分辨率是多少？
【发布时间】：2009-08-28 23:14:22
【问题描述】：

我每天都在创建网页。我首选的开发屏幕分辨率是：1600x1200，但你的是什么？你还使用其他插件吗？我为 Firefox 使用 window re sizer 1.0。但是有更好的选择吗？

【问题讨论】：

【解决方案1】：

在我看来，如果您使用的是窗口大小调整器，那么您已经处于领先地位。我试图瞄准在 1024x768 屏幕上运行良好的页面，考虑滚动条和工具栏等等。为了充分理解用户体验，每隔一段时间将屏幕大小调整为 1024x768（或任何您支持的最小值）可能是值得的，但总的来说，窗口调整大小让您足够了解。

【讨论】：

如果您使用的是 Windows 7，并且您有一个标准的 1080 高清显示器 (1920 x 1080)，您可以尝试使用浏览器窗口的快照功能并在其中进行开发。然后页面将符合 1024x768 屏幕，这是当今合理的低端（与 800x600 相比）。它也符合 Snap (windows.microsoft.com/en-us/windows7/products/features/snap) 的设计目的，我意识到这个答案已经有好几年了，所以这是一个更新。

【解决方案2】：

我不同意 - 固定大小的布局很好。事实上，Stackoverflow.com 使用固定大小的布局，许多专业网站也是如此。原因？ 可预测性。

一些事情：

我的 2 美分，

-道格

【讨论】：

情况并非总是如此：看看一些顶级设计公司，他们非常有效地以独创的方式使用水平滚动条。在我看来，只有在您要显示的信息很少时才能避免使用竖线……这完全取决于您正在创建的网站类型和个人偏好。
我希望看到这些使用水平滚动条的设计公司——我个人从未见过使用水平滚动条同时提供良好用户体验的网站。

【解决方案3】：

没关系 - 将您的网页设计得灵活流畅，以便在任何合理的屏幕分辨率下都能优雅地降级。满足屏幕空间极小、显示屏大的移动设备的需求。

【讨论】：

对我来说，在任何屏幕分辨率上“灵活”的一个很好的例子还包括限制尺寸的东西，对于那些更频繁地使用 1900x1200 的大型宽屏显示器等浏览的人来说。这么宽的分辨率很麻烦，所以也要限制最大尺寸，或者添加文本列。（这就是为什么我的浏览器窗口通常在我的宽屏幕的 2/3 上保持为正方形。）
确实，您设计的网站应该受到特定分辨率的限制，但在我看来，在某些分辨率下开发存在巨大差异。例如，当以 800x600 进行开发时，我敢打赌这在超宽屏幕上看起来不太好，反之亦然。用户应该始终获得良好的视野，但我认为开发人员最好使用大屏幕，然后是小屏幕。

【解决方案4】：

我使用 2x1440x900 设置进行开发，但我使用 Web Developer Toolbar 将 Firefox 保留为 1024x768 的窗口。

当您在一个屏幕上显示代码而在另一个屏幕上显示 Firefox 时，双显示器设置非常有用。

【讨论】：

【解决方案5】：

我不会超过 800x600。但是，理想情况下，您的布局不固定为屏幕大小，可以调整大小并仍然看起来正确。

【讨论】：

【解决方案6】：

我坚持使用 1024x768。它通常足够大，足以满足您显示的需求，而且并不是每个人都达到 1600x1200。也许几年后。我会坚持使用较小的显示器...这样可能会迫使您更有设计意识。

【讨论】：

【解决方案7】：

无论屏幕大小如何，两个屏幕都是无价之宝。一屏运行编辑器，一屏运行浏览器。开发变得如此顺畅，令人惊讶。

【讨论】：

【解决方案8】：

我的统计数据显示 1024x768 是我的用户的主要分辨率，我当然不会低于这个值。除此之外，我显然同意这里的其他所有人，即固定大小的布局只是一个坏主意，您的设计应该适应渲染上下文。

【讨论】：

【解决方案9】：

为了 Pete 的爱，不要使用像素大小的字体。改用 em 或 pt 大小。

这完全取决于您设计的页面类型。我会尝试在设计时考虑到页面缩放的能力。没有什么比在 1920x1200 显示器上放大设计为 800x600 的页面更让我讨厌的了。

我认为这里给出的最佳建议是尝试不同的分辨率而不是您的原生分辨率，并尝试使其在各种尺寸下看起来都不错。

【讨论】：