1、响应式网站如何在手机上生效(viewport的使用)：
在<head>标签里添加<meta>标签，<meta>标签的属性为：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">viewport的各个属性作用：
width：设置layout viewport的宽度，可以是一个正整数或字符串“device-width”
initial-scale：设置页面的初始缩放值，是一个数字，可以是小数
maximum：设置允许用户最大的缩放值，是一个数字，可以是小数
minimum:设置允许用户最小的缩放值，是一个数字，可以是小数
user-scalable:设置是否允许用户进行缩放，“yes”表示允许，“no“表示不允许
了解更详细内容，请参考https://blog.csdn.net/sinat_32290679/article/details/78595760