自适应布局

135 阅读1分钟

网页头部添加元标签:meta name="viewport" content="width=device-width, initial-scale=1" />网页宽度为屏幕宽度,缩放比例为1


不使用绝对宽度(用百分比、auto替代)

字体使用相对大小(不能使用px、用em替代)

使用流式布局(各区块位置都是浮动的,谨慎使用position:absolute)

选择性加载css(根据屏幕宽度自动选择)

css的@media(根据屏幕分辨率选择加载css)

图片自适应