排版自适应提升可访问性(3)
作者:一叶千鸟 来源:千鸟志 时间:2009-04-08 12:47:00
内容上自适应
其实关于过宽、过窄我想很早已被设计师注意,因为CSS2中专门有针对高宽的min和max定义,只不过因之前很多浏览器支持不好而用的少。尤其max-width, min-width语法的优势,在自适应中排版中可以得到充分发挥,当然也还有其他方案。
也许有同行记得,曾经让所有浏览器支持max-width还是重要解决方案。当处理完外层容器宽度问题后,里边就等同于主流分辨率场景。要做自适应,必然有个模块的内容不能固定宽度,关键处理好里边信息的呈现即可。总结起来有如下三类:
没有宽度控制,比如Google Picasa
有宽度底线,但没上限,比如Google Images Search
有宽度上限,但没底线,比如Google Reader
注意,举例中宽度底线不是以出横向滚动条为判断准则,因为容器有被强制撑开的情况。Google产品线处理相对较好,更多案例可以参考Junyu 总结的宽屏幕下的Web设计。
其实还有类宽度同时有底线和上限控制的特殊情况,但向下兼容和维护是个问题,比如05年底的这个 最窄770px最宽1024px 经典布局。同时灵活意味着控制成本,也因此成熟案例少见。
标签:网站,访问性,自适应,排版
0
投稿
猜你喜欢
asp常用数据库连接方法和技巧
2010-05-27 12:28:00
常见数据库系统比较 Oracle数据库
2010-07-28 12:44:00
Recipe: 把SQL数据库部署到远程主机环境(第一部分)
2007-09-23 13:07:00
如何捕获人家站点的页面?
2009-11-11 19:19:00
ORACLE常见错误代码的分析与解决(二)
2010-08-02 13:31:00
SQLserver中字符串查找功能patindex和charindex的区别
2012-06-06 20:20:42
border-radius与圆角
2008-12-29 14:05:00
MySql循环插入数据
2010-10-14 13:50:00
MySQL性能诊断与调优工具
2010-11-02 11:41:00
sql存储过程获取汉字拼音头字母函数
2011-11-03 16:58:05
Asp中Scripting.TextStream 对象介绍
2007-11-02 12:19:00
如何获得ADO的连接信息?
2009-11-23 20:33:00
asp如何设置cookie的过期时间
2008-02-29 13:36:00
Scripting.Dictionary 对象
2007-10-13 09:46:00
ASP实现网站智能分词搜索
2007-10-18 13:50:00
Jquery实现div模拟Select控件
2008-12-01 15:47:00
细化解析:MySQL 搜索中的大小写敏感性
2008-11-27 15:53:00
个人网站与动网整合非官方方法
2009-07-05 18:42:00
描述性列表的表现形式
2008-09-17 13:43:00
FrontPage XP设计教程4——Css样式表的应用
2008-10-11 12:25:00