响应式设计

响应式 Web 设计是 Ethan Marcotte 2010提出的，运用弹性网格布局、弹性图片/媒体、媒体查询实现的解决方案。

viewport: <meta name="viewport" content="width=device-width,initial-scale=1.0"> 
     maximum-scale=3 允许放大3倍
     minimum-scale=0.5 允许缩小0.5倍
img { max-width:100% } //使用width图片会被无谓地拉伸
video { max-width: 100%; height: auto; }