本文介绍了实现响应式网页设计的五个关键步骤，包括设置viewport元标签、使用相对单位、流式定位、图片自适应及CSS3媒体查询技术，帮助开发者构建适配多种设备的网站。
(1)设置viewport元标签
<meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=no">
(2)避免使用绝对单位(px)，用相对单位代替(%、auto、em等)
(3)使用流式定位：float
(4)图片大小实现自适应：
img { max-width: 100%; }
会随着容器的改变而改变，且不会超过图片自身原始大小，防止失真。
(5)根据浏览器屏幕的特征，有选择性的执行某些CSS样式——CSS3媒体查询技术(Media Query)
扫一扫
1012
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
