meat标签:
作用:
告诉浏览器一些设置信息
是设置理想视口的重要元素,主要用于将布局视口的尺寸和理想视口的尺寸相匹配
meta视口标签存在5个指令:
-
width: 设置布局视口的宽度, 一般都是device-width(设备宽度)
-
initial-scale: 初始缩放比例。 1即是100%, 2是200% ,以此类推
-
maximum-scale: 最大缩放比例
-
minimum-scale: 最小缩放比例
-
user-scalable:是否允许用户缩放
<meta name=“viewport” content="width=device-width,
initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5,
user-scalable=no">
为什么使用移动端适配:
-
随着时代的发展,在移动端上访问pc端的页面,逐渐变的常态化
-
手机的设备尺寸, 碎片化越来越严重
碎片化: 种类繁多,五花八门
移动端的测试方式:
-
谷歌浏览器 提供的 虚拟机
-
电脑和手机在同一局域网内,