问题描述

假设流体布局不是一个选择 (因为这是一个不同的讨论),什么是网站布局的建议宽度?不同尺寸的优缺点是什么?

最佳解决思路

我一直保持 960px,因为它是可以看到的 1024×768,并可以被 2,3,4,5,6,8,10,12,15,16,20,24,30,32,40,48, 60,64,80,96,120,160,192,240,320 和 480 … 所以我可以干净地分割我的网站的设计 (使用三分法则) 。

几年后编辑:如果您不能使用流畅的布局,请考虑使用 CSS Media Queries 来使您的内容响应无数设备。我不知道在 2012 年可以声称一个像素宽度来统治它们。

次佳解决思路

查看 http://browsersize.com,了解用户现在使用的屏幕分辨率的一些快速统计信息。您可以使用 http://setmy.browsersize.com 快速调整浏览器的大小,以特定的屏幕分辨率来模拟您的网站。确保您的布局至少满足最广泛使用的屏幕分辨率 (1024 x 768) 。

另外,不一定是要占用最大的水平空间。文本的宽度 (每行的单词数) 理想情况下不应超过一定的可用性阈值:

At the very common 1024×768 screen resolution, most fixed-layout websites don』t use all available space to the left and right of their content. Flexible layouts make a better use of horizontal space, but struggle to maintain usable line-lengths. Usability experts have told us that there are just so many words you should put on a line. Between 8 and 12 words seems to be the ideal line length. Print media, especially newspapers, don』t hesitate to use even shorter lines. Why? Because they can, by laying out text across several columns.

http://www.alistapart.com/articles/css3multicolumn

参考文献

注:本文内容整合自 Google/Baidu/Bing 辅助翻译的英文资料结果。如果您对结果不满意,可以加入我们改善翻译效果:薇晓朵技术论坛。