网页设计的固定宽度和可变宽度

　　以前，当我用铅笔和纸描绘页面布局时，我说过首页设计中需要考虑的是容器模块，以及是否需要满屏，这个问题围绕设计师没有几千年也有几百年了，以前我使用表格和“Spacer.gif”来设计网页内容的框架。虽然可能不是几千年以前，但它也是一个长期争论的话题，事实上，最早引起固定宽度和可变宽度的争论是在2003年12月，当时两位非常有影响力的设计师，Stopdesign站点的 Douglas Bowman和Simplebits站点的Dan Cedarholm，几乎同时从可变宽度转向固定宽度，当时即引起设计界和互联网标准界的恐慌，人们担心这样的变化标志着可变宽度的终结。

　　自那以后，大多数设计师在固定宽度和可变宽度的争论上，都建立了自己的观点，用什么样的布局，其实是根据用户的需求和网站的目标而定的，下面完美的介绍了两种布局的优缺点。

　　固定宽度优点是设计师比较容易控制图形在内容中的显示，容易规划留白，减少文字块，改善文字的可读性，但是在大多数浏览器窗口显得非常小，而且用户不能控制页面宽度。

　　可变宽度适合大多数的分辨率和设备，减少用户滚动拼命的次数，但是文字行的跨距很大，不易阅读，操作起来容易出错，容易引起留白减少。

　　了解两种宽度的优缺点以后，我比较倾向使用固定宽度，我喜欢控制内容的显示方式，并且喜欢背景的空间感，另一方面，我有时也喜欢尝试一下可变宽度的表格，但是，不管什么样的个人喜好，首先得满足客户的需要，如果决定使用固定宽度的布局，必须想到你正在为用户而设计，页面的框架必须符合用户的需求。

可变的固定宽度布局

　　“可变的固定宽度布局”这个具有讽刺意义的术语是由Richard Rutter在他的一篇关于页面宽度最新趋势的文章中提到的（clagnut.com/bolg/1663）。这是一个很有意思的讨论，并且，文章中也列举了一些很好的例子。

　　Simon Collision's Colly Logic网站的首页是我见过的最好的诠释这种趋势的例子（collylogic.com）。当把浏览器的窗口从800像素变成1024像素时，右边分出三个栏，如下图。

 

　　Colly Logic网站结合了固定宽度和可变宽度两种布局的方法，少数设计师尝试使用这种方法，我们以前提到一个画廊式的网站CSS Beauty，就采用了这种可变的固定宽度的方法来展示内容和广告（cssbeauty.com）。