1,视口
就是浏览器显示页面内容的屏幕区域,视口可以分为布局视口,视觉视口和理想视口.
meta标签,设置viewport
<meta name="viewport" content="width=device-width, user-scalable=no,
initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
最标准的视口设置:
- 视口宽度和设备保持一致.
- 视口的默认缩放比例1.0
- 不允许用户自行缩放
- 最大允许的缩放比例1.0
- 最小允许的缩放比例1.0