排版自适应提升可访问性
作者：一叶千鸟 来源：千鸟志 发布时间：2009-04-08 12:47:00
标签：网站,访问性,自适应,排版
上回 说到“大屏幕浏览页面的良好体验，本就应该用户自己调整窗口。”
根据屏幕不同大小，缩小窗口出横向滚动条在所难免，但理想情况下，页面应该能适应不同客户端浏览器和分辨率。实际操作通常又有三种情况：版面自适应、视觉自适应、内容自适应。
在windows系统任务栏空白处单击右键，有如下图的菜单，分别提供有“横向平铺窗口、纵向平铺窗口”的功能，根据激活窗口个数按需切分屏幕。如果没记错的话，自win2000就已经用了，更早没试过。虽然那会我们用的显示器大些才17′，但在多窗口工作时确实方便。
版面上自适应
Information Architects Japan在06年提出 web设计95％是排版 的观点，如果精确理解，指呈现部分信息架构之下“信息设计”的范畴，俗称排版。因为我们都了解广义上的web design不仅要看还得有动，其实有个很大的 知识框架 做支撑。
web排版相较平面的优势在于数据灵活性，理论上可以实现只维护单个页面，然后通过web技术来实现多种排版表现。在实践中获取点滴信息设计基础之后再来看这个问题，感触颇深。
现实网站中，越重要的页面模块越多，排版难度也就越大。比如门户网站首页，我很少看到自适应的，大概是雅虎网站改版开了先河。分别使用narrow layout和wide layout两种模式，适应800和1024px分辨率，根据客户端请求分析再输出，即在自定义基础上实现了自适应。
0
投稿猜你喜欢
- 通过web框架搭建一个最简易的程序：第一步：新建一个web框架程序通过CMD进入到想要创建web程序的文件夹数据命令django-admin
- 前言：本篇文章基于卷积神经网络CNN，使用PyTorch实现MNIST数据集手写数字识别。一、PyTorch是什么？PyTorch 是一个
- 举一个例子，我现在有一些新闻信息，它包括这些字段；新闻ID，新闻Name，新闻ShortIntro，新闻Detail，新闻PublishTi
- DataList Web 服务器控件 通过使用模板显示数据源中的项。通过操作组成 DataList
mysql行转列、列转行 语句不难，不做多余解释了，看语句时，从内往外一句一句剖析行转列 &nb- 第一题: give you two var a and b, print the value of a+b, just do it!根据提议
- 本篇文章主要介绍vue添加标签，废话不多说了，下面上具体代码效果如下：html<div id="app">&
- 本文实例讲述了golang简单读写文件的方法。分享给大家供大家参考，具体如下：这里演示golang读写文件的方法：package maini
- 学生信息系统提示：python编写的学生成绩管理系统，包括8个功能和打包教程一、功能界面 def menum():
- ⛳️ 实战场景本篇博客为大家再次带来 Go 语言的基础知识，这次要学习的内容是 Go 中的文件操作。打开关闭文件在 Go 中操作文件，首先要
- 背景一直对语音合成系统比较感兴趣，总想能给自己合成一点内容，比如说合成小说，把我下载的电子书播报给我听等等。语音合成系统其实就是一个基于语音
- 用于模式匹配的String方法：String支持4种使用正则表达式的方法：seach()用于检索，参数是一个正则表达式，返回第一个与之匹配的
- 针对border边框属性在浏览器中的渲染方式很早以前就开始在QQ群中看到大家在讨论，而我也一直以border:0 none;的方式处理。其中
- 0. 简介上一篇博客简单介绍了GMP模型，这一篇我们介绍一下Go调度器的初始化过程，也就是在main.main函数运行之前所做的事情。1.
- 方法一相对引用：from … import base ，上级目录from … import ba
- 前言今天给大家带来的是Vue 3 中的极致防抖/节流（含常见方式防抖/节流）这篇文章，文章中不仅会讲述原来使用的防抖或节流方式，还会带来新的
- Python中的字典由于是对象的集合属于复合数据类型，类似于列表。定义字典字典是 Python 对数据结构的实现，通常称为关联数组。字典由键
- 目录一.权限简介二.权限表结构设计：第一版三.权限表结构设计：第二版四.客户管理之动态“一级”菜单五.客户管理之动态“二级”菜单六.客户管理
- python 批量添加的button 使用同一点击事件根据传递的参数进行区分。def clear_text():print '我只是
- 给定损失函数的输入y，pred，shape均为bxc。若设定loss_fn = torch.nn.MSELoss(reduction=
