HTML——移动端

meat标签：

作用：

告诉浏览器一些设置信息

是设置理想视口的重要元素，主要用于将布局视口的尺寸和理想视口的尺寸相匹配

meta视口标签存在5个指令：

1. width: 设置布局视口的宽度， 一般都是device-width(设备宽度)

2. initial-scale: 初始缩放比例。 1即是100%， 2是200% ，以此类推

3. maximum-scale: 最大缩放比例

4. minimum-scale: 最小缩放比例

5. user-scalable：是否允许用户缩放

<meta name=“viewport” content="width=device-width,

initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5,

user-scalable=no">

为什么使用移动端适配：

1. 随着时代的发展，在移动端上访问pc端的页面，逐渐变的常态化

2. 手机的设备尺寸， 碎片化越来越严重

碎片化： 种类繁多，五花八门

移动端的测试方式：

1. 谷歌浏览器 提供的 虚拟机

2. 电脑和手机在同一局域网内，