viewport视口设置

html基本模式

viewport，视口设置，PC端浏览器会自动忽略这行代码，移动端浏览器会根据这行代码对页面视口进行设置
width=device-width，设置视口宽度为设备屏幕宽度
initial-scale=1.0，设置视口默认缩放比例，1.0表示不缩放，user-scalable=no，设置页面不允许用户进行缩放
默认情况下，移动端浏览器在打开网页时为了显示全部内容，会将页面进行缩小，针对移动端设备专门设计一套网页，这种移动端页面就没有必要进行压缩了
兼容edge浏览器
对于移动端网页，有两种实现方式：
1.网站PC端页面和移动端页面完全分开做，根据用户访问的设备类型，给用户返回不同的页面(百度，淘宝，京东…国内大多数网站都是这种做法)
2.响应式页面布局，页面自身可以根据浏览器窗口的宽度进行不同的布局，在屏幕宽度到达某个临界点时，切换为另一种布局样式，在较宽的浏览器中显示PC布局，在较窄的移动端品目上显示移动端页面布局