关键字：媒体查询

判断出终端设备的容器宽度，然后选择性的加载吻合大小的网页，也就是媒体查询。媒体查询写在CSS样式代码的最后，CSS是层叠样式表，在同一特殊性下，靠后的的样式会重叠前面的样式。html头部也要写兼容性，例如：<meta name="viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>。注释：

width=device-width:宽度等于当前设备的宽度

initial-scale=1：初始的缩放比例（默认为1）

maximum-scale=1：允许用户缩放到得最大比例（默认为1）

user-scalable=no：用户不能手动缩放