致谢 Ethan Marcotte 响应式网页设计之父 《义海倾情》 1 RWD,Responsive Web Design 伊桑.马科特 AList Apart 弹性网格布局,
Eric Meyer,Dan Cederholm 怎样阻止移动设备浏览器自动调整页面大小:基于Webkit核心的浏览器大多支持用viewport meta 元素覆盖默认的画布缩放设置,只需要在标签中插入一个标签
,其中可以设置具体的宽度或者缩放比例,下面是将页面方大到实际尺寸两倍显示的meta标签实例: maximum-scale 最多放大倍数 minimum-scale 最少放大倍数 user-scalable
将网页从固定布局转换成百分比布局 需要牢记的公式: 目标元素宽度÷上下文元素宽度百分比元素宽度 将文字大小从像素尺寸修改为相对单位em,实现文字缩放。
为防止弹性图片随视口拉大超出其原始尺寸,需要为其设置阈值,使用max-width,此条也适用于整个页面,防止其无限制扩张。