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

xiaoxiao2021-02-27  820

 (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)

转载请注明原文地址: https://www.6miu.com/read-263.html

最新回复(0)