一、什么是响应式布局？
响应式设计：Responseive design，就是一个网站，一套代码能在所有终端能够正常展示，并不是为每个终端做一个特定版本，响应式是为解决移动互联网浏览器而诞生的。
二、响应式设计步骤
2.1、viewport 设置
大多数移动端浏览器都将html页面的宽度作为可视区的视图以符合屏幕分辨率，所以我们需要利用 meta 设置 viewport ，将网页宽度设为设备宽度。
在head中添加meta标签，设置设备的宽度作为视图大小，禁止缩放。代码如下：
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/36501.html