为什么移动Web页面都喜欢width=device-width 且关闭系统缩放功能

在网页的中增加这句话，可以让网页的宽度自动适应手机屏幕的宽度。其中：

width=device-width ：表示宽度是设备屏幕的宽度

nitial-scale=1.0：表示初始的缩放比例

minimum-scale=0.5：表示最小的缩放比例

maximum-scale=2.0：表示最大的缩放比例

user-scalable=yes：表示用户是否可以调整缩放比例

手机的屏幕肯定有各种分辨率如果单纯固定死的话，你就看不到其他手机分辨率的效果了。移动端的设计就是可以让客户舒服浏览的同时兼顾美学，如果允许客户随意缩放比例，我个人觉得，这专门做手机端的意义就不大了。

当然只通过viewport标签还是不够的，还需要配合Media Query进行响应式设计。

一般这么写：