HTML——移动端

<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. 电脑和手机在同一局域网内，扫描编译器提供的二维码，即可在手机上查看

3. 搭建本地服务器，来建立访问

三种视口：

1. 布局视口： 布局视口一般都是浏览器厂商给的一个固定值，布局视口是看不见的，浏览器厂商设置的一个固定值，如980px，并将980px的内容缩放到手机屏内。

2. 视觉视口： 浏览器可视区域的大小，也就是用户可以通过设备宽度看到的内容

3. 理想视口： 布局视口虽然解决了移动端查看pc端网页的问题，但是完全忽略了手机本身的尺寸。

所以苹果引入了理想视口ÿ