推荐的网站分辨率(宽度和高度)？

常见的网站解析有什么标准吗？

我们的目标是更新的显示器,可能至少宽1280像素,但高度可能会有所不同,每个浏览器也可能有不同的工具栏高度.

这有什么标准吗？

1> Karl Fast..：

---

这些天的建议是:

优化1024x768.对于大多数网站,这将涵盖大多数访问者 大多数日志显示,您访问的92-99%将超过1024宽.虽然1280越来越普遍,但仍有很多1024和一些低于此.优化此但不要忽略其他人.

1024 = ~960.考虑滚动条,窗口边缘等意味着1024x768屏幕的实际宽度约为960像素.有些工具的尺寸略小,约为940.这是twitter bootstrap中的默认容器宽度.

不要设计一个尺寸.窗户大小各不相同 不要假设屏幕大小等于窗口大小.设计合理的最小值,但假设它会调整.

使用响应式设计和液体布局.使用将在调整窗口大小时调整的布局.人们做了很多,特别是在大型显示器上.这只是一个很好的CSS练习.有几个前端框架支持这一点.

将移动视为一流的公民.您将始终从移动设备获得更多流量.这些引入了更多的屏幕尺寸.您仍然可以优化960,但使用响应式网页设计技术意味着您的页面将根据屏幕大小进行调整.

记录浏览器显示信息.你可以得到关于这个的实际数字.我在这里,这里和这里找到了一些数字.您还可以装配您的网站以收集相同的数据.

用户将滚动所以不要担心高度.旧的论点是,用户不会滚动,任何重要的东西都应该"在首位".这在几年前被推翻了.用户滚动了很多.

更多关于屏幕分辨率:

屏幕分辨率和页面布局

设计网站的最佳屏幕分辨率

设计浏览器大小 - 而不是屏幕大小

更多关于响应式设计:

响应式网页设计(2010年5月25日),Ethan Marcotte,A List Apart.

维基百科的响应式网页设计

多设备布局模式(2012年3月14日)Luke Wroblewski.目录是适应性多设备屏幕布局的最流行模式.

用于响应式设计和液体布局的工具和前端框架:

Twitter Bootstrap

Zurb基金会

50个响应式网页设计的精彩工具(2012年4月24日)Denise Jacobs和Peter Gasston

---

您可能需要查看:http://960.gs/有关使用网格中960像素的设计的完整网站.该技术被称为"960网格设计".

---

看起来SO使用960没有任何流动性.仅供参考

2> paxdiablo..：

---

我相信不好的主意.将内容与布局分离的关键在于使您的网页能够在任何类型的浏览器上显示.

设置最小屏幕尺寸等人为限制将限制您的市场.

话虽如此,我相信每台桌面都应该能够显示1024x768.但是,在iPhone或其他屏幕挑战设备上运行的浏览器,甚至那些不使用整个桌面浏览器的浏览器呢？

在回答您的具体问题时,不,我不相信浏览器中的最小或常见显示区域有任何标准.

---

等等,1024x768可能是整个屏幕尺寸,但这通常会减少系统栏,窗口装饰,菜单栏,工具栏,标签栏以及可能的滚动条和导航选项卡.

---

对于液体布局,您始终可以设置max-width以为在大型显示器上运行最大化浏览器的用户设置上限.

---

不好的建议.谁说HTML不适合布局？液体布局是90年代,分辨率的差异相对较小.尝试在2560x1600屏幕上以10pt字体阅读一些文本,不要施加任何宽度限制.你很快就会开始讨厌那些流畅的布局.

3> Mark Brittin..：

---

强制用户水平滚动是严重的UI违规行为.除非您专门为具有已知屏幕大小的人群构建网站,否则最安全的是确保您的设计适用于宽度小至800像素的屏幕(如果内存为我提供正确的服务,则大约占网络冲浪人口的8%).明智的做法是让它能够很好地适应更大的屏幕,但不会以仍然以800x600冲浪的人为代价.

这是另一件需要考虑的事情:不是每个人都全屏运行他们的浏览器(我没有).因此,如果设计特定(和大)"屏幕尺寸"的确定,那么这个想法实际上并不是出于多种原因.

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

---

我们需要的是键盘上的两个新键,"Page Left"和"Page Right".