我一直喜欢固定宽度的布局布局流畅的布局,其中一个主要的原因是我可以更好地了解整个图片将如何,而不必担心屏幕分辨率.
但是现在的“图片”已经改变了,现在大多数用户使用的最低和最高分辨率之间存在很大的差异,而且似乎在这里.
我有一个只支持800像素或1024像素宽的上网本;我还有一个支持1650像素的22“显示器,支持1920像素的24”显示器变得越来越普遍.
我一直在“忽略”800像素的用户,我一直在开发固定的950/960像素宽,我也注意到,流行的网站(SO一个)使用这种方法或流畅的.
对于仅文本(几乎)仅网站(如Wikipedia),我没有看到使用流体系统的问题,但是依赖图像/视频创建有趣内容的所有其他网站呢？社会网络,分类等等…他们解决这个问题的方法是什么？
Seam Carving似乎是一个很好的选择在不久的将来,但它还不够成熟(浏览器和jQuery都不支持在这个时间点),我也觉得用户不会理解它,与它混淆,并作为一个后果放弃了网站.
网络上的事实上的标准仍然是1024像素宽,并且在24“显示器中没有使用980像素似乎并不奇怪,所以我们有什么选择？
screen resolutions with fixed layout http://i45.tinypic.com/1692oat.jpg
我很乐意听到您对这一点的看法和您对流体和固定系统的体验.
PS：也欢迎使用这些系统之一的热门网站,我特别有兴趣看到使用流体系统的非文本网站.
编辑：我刚刚看到this answer,我对流体和液体布局的区别感到困惑,不是应该是完全一样的吗？
解决方法
尝试在高分辨率屏幕上查看维基百科,您会看到它们将最大宽度限制在800-900像素左右的位置 – 更多(假设一个相当标准的12pt字体),人们停止读取直到最后的线,然后轻松找到下一行的开始,整个事情打破了一连串的眼睛和颈部的压力.
在我建立的网站上,我使用最大宽度来限制文本内容的最大宽度(也包括图像和其他东西)到约720-800像素,其中边栏等可能会达到大约1000px.如果屏幕比较宽,那么将左边的内容对准它(在RTL网站上右对齐) – 都能很好地工作.
但是,您必须设计布局,以便在可用宽度较窄时流动,这对于上网本的人来说非常有用(现在颇受欢迎,我预计将来会更受欢迎),智能手机甚至小屏幕移动设备.这样的移动设备越来越具有标准浏览器功能,您应该在设计中解决这个问题 – 即使移动浏览器可以以某种方式减少您的网站,“移动模式”通常会通过弄乱页面并杀死您的预期用户体验.
