As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center提供指导。
已关闭8年。
通用网站解析是否有任何标准？
我们针对的是较新的显示器，也许宽度至少为1280px，但是高度可能会有所不同，并且每个浏览器的工具栏高度也可能不同。
有什么标准吗？ Screen Resolution and Page Layout Best Screen Resolution to Design Websites Design for browser size - not screen size
有关响应式设计的更多信息:
Responsive Web Design(2010年5月25日)，Ethan Marcotte，A List Apart。 Wikitia上的 Responsive Web Design Multi-device layout patterns(2012年3月14日)Luke Wroblewski。为可适应的多设备屏幕布局编录最受欢迎的样式。
用于响应式设计和布局的工具和前端框架:
Twitter Bootstrap Zurb Foundation 50 fantastic tools for responsive web design(2012年4月24日)Denise Jacobs＆Peter Gasston
已关闭8年。
通用网站解析是否有任何标准？
我们针对的是较新的显示器，也许宽度至少为1280px，但是高度可能会有所不同，并且每个浏览器的工具栏高度也可能不同。
有什么标准吗？
最佳答案
这些天的建议是:
优化为1024x768 。对于大多数网站，这将覆盖大多数访客。大多数日志显示，您访问的92-99％将超过1024。尽管1280越来越普遍，但1024上仍有很多，而有些低于该数字。为此进行优化，但不要忽略其他。
1024 =〜960 。考虑到滚动条，窗口边缘等，意味着1024x768屏幕的实际宽度为about 960 pixels。一些工具基于略小一些，约940 。这是twitter bootstrap中的默认容器宽度。
不要为单一大小的设计。窗口大小各不相同。不要假设屏幕尺寸等于窗口尺寸。设计一个合理的最小值，但是假设它会调整。
使用响应式设计和液体布局。使用在调整窗口大小时将调整的布局。人们经常这样做，尤其是在大型显示器上。这只是CSS的好习惯。有几个支持此功能的前端框架。
将移动设备视为头等公民。您一直都在从移动设备获得更多流量。这些会引入更多的屏幕尺寸。您仍然可以针对960进行优化，但是使用自适应Web设计技术意味着您的页面将根据屏幕尺寸进行调整。
日志浏览器显示信息。您可以获得有关此的实际数字。我发现了一些数字here和here和here。您还可以绑定(bind)您的站点以收集相同的数据。
用户将滚动，因此不必太担心的高度。一个古老的论点是用户不会滚动，任何重要的事情都应该“超越一切”。这在几年前就被覆盖了。 Users scroll a lot。
有关屏幕分辨率的更多信息:
有关响应式设计的更多信息:
用于响应式设计和布局的工具和前端框架: