五、响应式布局
meta标签的实用
设置布局宽度等于设备宽度，布局viewport等于度量viewport
<meta name="viewport" content="width=device-width,initial-scale=1">
媒体查询
媒体查询中可用于检测的媒体特性有width、height和color（等）, 使用媒体查询, 可以在不改变页面内容的情况下,
为特定的一些输出设备定制显示效果
语法
@media screen and (max-width:960px){....} <link rel="stylesheet" media="screen and (max-width:960px)" href='xxx.css' />