我一直更喜欢固定宽度布局而不是流体宽度布局,其中一个主要原因是我能够更好地了解整个画面如何,而不必担心屏幕分辨率.
但是现在"图片"发生了变化,现在大多数用户使用的最低和最高分辨率之间存在很大的差异,而且它们似乎仍然存在.
我的上网本只支持800像素或1024像素宽; 我还有一个支持1650像素的22英寸显示器,支持1920像素以上的24英寸显示器正变得非常普遍.
我已经非常"忽略"800像素的用户一段时间了,我一直在开发固定的950/960像素宽,我也注意到流行的网站(SO为一个)要么使用这种方法,要么使用流畅的网站.
对于文本(几乎)只有网站(如维基百科),我没有看到使用流体系统的问题,但是所有其他依赖图像/视频来创建有趣内容的网站呢？社交网络,分类等等......他们解决这个问题的方法是什么？
在不久的将来,Seam Carving似乎是一个不错的选择,但它还不够成熟(浏览器和jQuery本来都不支持它),我也觉得用户不会理解它,对它感到困惑和结果放弃了网站.
在事实上的网络标准仍是1024个像素宽,并留下980个像素的未使用的24"显示器似乎只是普通的奇不说是错误的.那么,什么是我们的选择？
具有固定布局的屏幕分辨率http://i45.tinypic.com/1692oat.jpg
我很想听听您对此的看法以及您对流体和固定系统的体验.
PS:使用其中任何一个系统的热门网站也受欢迎,我特别感兴趣的是看到使用流体系统的非文本网站.
编辑:我刚刚看到这个答案,我对液体和液体布局之间的区别感到困惑,它们是不是应该完全一样？
我通常认为流体布局是个好主意。当你的流体布局在高分辨率屏幕上变得非常宽时，问题就开始了——人眼在不失去垂直定位的情况下水平跟踪的距离是有限的。这就是为什么报纸专栏总是相当狭窄的原因。
尝试在高分辨率屏幕上查看维基百科，您会发现他们将最大宽度限制在 800-900px 左右 - 超过这个宽度（假设相当标准的 12pt 字体），人们就无法阅读到最后的行，然后毫不费力地找到下一行的开头，整个事情变得一团糟，眼睛和脖子都紧张。
在我构建的网站上，我使用 max-width 将文本内容（并且我还包括图像和其他内容）的最大宽度限制为大约 720-800px，加上侧边栏等可能会达到 1000px 左右。如果屏幕更宽，则可以将内容居中或左对齐（在 RTL 网站上右对齐） - 两者都可以很好地工作。
但是你必须设计你的布局，以便当可用宽度较窄时它会流动 - 这对于使用上网本（现在相当流行，我预计将来会变得更流行）、智能手机甚至小屏幕的人来说非常有用移动设备。此类移动设备越来越多地配备标准浏览器，您应该在设计中解决这个问题 - 即使移动浏览器可以以某种方式减少您的网站，“移动模式”通常会弄乱页面并破坏您预期的用户体验。
| 归档时间： |
|
| 查看次数： |
1188 次 |
| 最近记录： |
