视口的使用

视口

移动设备上的视口就是设备的屏幕能用来显示用户网页的那一块区域。具体地说，就是浏览
器上用来显示网页的那部分区域。
在页面加载时，可以使用meta标签设置浏览器的视口(viewport)的宽度。

• 语法：

<meta name="viewport“ content="width=device-width,initial- scale=1.0,maximum-scale=1.0, user-scalable=0" />

• 属性：
  

演示代码如下：

实现效果如下：