编写响应式网页时需注意的地方

 (1)设置viewport元标签

    <meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=no">

  (2)避免使用绝对单位(px)，用相对单位代替(%、auto、em等)

  (3)使用流式定位：float

  (4)图片大小实现自适应：

   img {  max-width: 100%;  }

  会随着容器的改变而改变，且不会超过图片自身原始大小，防止失真。

  (5)根据浏览器屏幕的特征，有选择性的执行某些CSS样式——CSS3媒体查询技术(Media Query)