- 使用方法
<meta name="viewport" content="name=value,name=value">
- name的可选值
- width:设置viewport的特定值("device-width"是设备宽度)
- initial-scale:设置页面的初始缩放
- minimum-scale:最小缩放
- maximum-scale:最大缩放
- user-scalable:用户能否缩放(1或0、yes或no)
- px:像素,相对长度单位,相对于屏幕分辨率
- em:相对单位,参考父元素的font-size,具有继承属性
- rem:CSS3新增的相对单位,相对根元素
<html>
- %:百分比,宽高、字体大小是相对于父元素宽高、字体大小的百分比值,margin是相对父元素宽度的百分比
- vh、vw:相对于视口的高度和宽度, 1vh 等于1/100的视口高度,1vw 等于1/100的视口宽度