栏目导航

热点推荐

www.jz123.cn 2009-04-09 来源: 一叶千鸟责任编辑(袁袁) 我要投递新闻

　　内容上自适应

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

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

　　没有宽度控制，比如Google Picasa

　　有宽度底线，但没上限，比如Google Images Search

　　有宽度上限，但没底线，比如Google Reader

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

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