网页页面适应不同客户端浏览器和分辨率(3)

内容上自适应

其实关于过宽、过窄我想很早已被设计师注意，因为CSS2中专门有针对高宽的min和max定义，只不过因之前很多浏览器支持不好而用的少。尤其max-width, min-width语法的优势，在自适应中排版中可以得到充分发挥，当然也还有其他方案。

也许有同行记得，曾经让所有浏览器支持max-width还是重要解决方案。当处理完外层容器宽度问题后，里边就等同于主流分辨率场景。要做自适应，必然有个模块的内容不能固定宽度，关键处理好里边信息的呈现即可。总结起来有如下三类：

1. 没有宽度控制，比如Google Picasa
2. 有宽度底线，但没上限，比如Google Images Search
3. 有宽度上限，但没底线，比如Google Reader

注意，举例中宽度底线不是以出横向滚动条为判断准则，因为容器有被强制撑开的情况。Google产品线处理相对较好，更多案例可以参考Junyu 总结的宽屏幕下的Web设计。

其实还有类宽度同时有底线和上限控制的特殊情况，但向下兼容和维护是个问题，比如05年底的这个 最窄770px最宽1024px 经典布局。同时灵活意味着控制成本，也因此成熟案例少见。