Web应用程序的最大实际高度和宽度是多少？

Question

假设我想制作一个使用固定宽度和高度的Web应用程序，我希望界面适合屏幕上的常见屏幕分辨率。假设该应用程序仅用于笔记本电脑和工作站（而不是移动设备），并且将由IT专业人员使用。

我可以制作应用程序的最大可能尺寸是多少？我认为这里的关键考虑因素是常用的最小屏幕分辨率以及为浏览器chrome保留多少空间，这可能取决于用户是否安装了工具栏等。

或者我应该将所有页面元素调整大小并使用流畅的布局？这似乎可能是相当多的工作。

Answer 1

如果您的设计适用，流体布局非常棒。

否则，960px宽是非常常见的，几乎可以在1024x768屏幕分辨率的任何浏览器中使用（这仍然很常见）。

至于身高，人们通常可以向下滚动，但如果你需要在一个窗口中，那么你必须保持在500-600px以下，具体取决于浏览器和用户安装的工具栏。

Answer 2

960x600像素

Answer 3

您可以使用分析工具来确定当前用户的分辨率。

Answer 4

您可以尝试仅修复部分布局，然后使用CSS max-width / min-width和max-height / min-height约束您必须的内容。装饰尽可能流畅（例如，大背景图像不应强制浏览器宽度为1600px;只需在用户浏览器中显示的宽度尽可能多地显示，不使用水平滚动条;尝试设置容器{{ 1}}到width）。

您可以在主要文本列中放置100% min-width个30em，以便阅读（请参阅Ideal line length for content），也许是宽泛但仍然可读的上限。浏览具有布局的网站时会感到不愉快，因为布局会将内容变成一个固定大小的小盒子，特别是当它只是为了保留他们的设计时。如果您的设计要求动态内容适合固定大小，那么设计可能会更多地考虑使用。