排版自适应提升可访问性（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
投稿猜你喜欢
- DROP PRIMAY DEY用于取消主索引。注释：在MySQL较早的版本中，如果没有主索引，则DROP PRIMARY KEY会取消表中的
- 这是asp利用dictionary创建二维数组的例子，这样做的优点是：1、数组下标可以是字符串2、长度不是固定的<'％ ’==
- 如果遇到下述错误，表示当启动mysqld时或重新加载授权表时，在用户表中发现具有非法密码的账户。发现用户'some_user'
- 如果你用ODBC connection (DSN or DSN-less)来访问远端的(UNC path)数据库, OLEDB会出现以下错误
- 1. 查看数据库的版本select @@version2.查看数据库所在机器操作系统参数exec master..xp_msver3. 查看
- 平时我们获取事件对象一般写法如下：function getEvent(event) { return e
ul: unordered lists ol: ordered lists li: Listsol 有序列表:<ol>- 网页过渡是指当浏览者进入或离开网页时，页面呈现的不同的刷新效果，比如卷动、百叶窗等。注：通过模板所建网页无法添加网页过渡效果！制作步骤：1、
- 在 JavaScript 中，可以用 instanceof 来判断一个对象是不是某个类或其子类的实例。比如：// 代码
- 开发过程中，错误免不了。为了纠正错误与规范化。可以使用MS SQL Server的系统存储过程sp_rename与OBJECTPROPERT
- MySQL默认编码是latin1，因业务需要把它转到UTF8。1、导出数据导出表结构 mysqldump -d dataname >
- 在这篇文章中，我将努力揭开Mobile Web开发的神秘面纱，换句话说，也就是为了移动设备上的用户体验可以被接受，代码得怎么设计。我将阐述“
- 问题：SQL Server 2005中如何利用xml拆分字符串序列？解答：下文中介绍的方法比替换为select union all方法更为见
- 通配符:通配符描述示例％包含零个或更多字符的任意字符串。WHERE title LIKE '％computer％' 将查找处
- 原文地址：30 Days of Mootools 1.2 Tutorials - Day 2 - Selectors如果你还没有准备好，请先
- 《色彩解答》系列之一 色彩层次《色彩解答》系列之二 色彩比例我们知道在设计中有很多对比，大小的对比，形状的对比，长短的对比，多少的对比，这些
- 页面中无法看见页面，指向的连接网页无法显示 解决方法：1、首先在Dreamweaver中不能中文作为文件名。连目录名也最好是英文的。2、如果
- 在MySQL经历了2008年Sun的收购和2009年Oracle收购Sun的过程中，基本处于停滞发展的情况，在可以预见的未来，MySQL是肯
- [概 要] 这篇文章讨论常用的"sql注入"技术的细节，应用于流行的Ms IIS/ASP/SQL-Server平台。这里
- 在Flash中使用ASP需要的条件：1。你的ISP的server必须支持Active Server Pages并且最好支持数据库2。你应该要
