1.视口 viewport 就是浏览器显示页面内容的屏幕区域 分为布局视口、视觉视口和理想视口
meta视口标签
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
二倍图
先知道物理像素和物理像素比是什么
二倍图举例
多倍图
背景缩放 background-size 该属性规定背景图像的尺寸