响应式布局

图片自适应各种屏幕的写法。

img {
  width: 100%;
  height: auto;
}

如果使用<img>或<picture>元素的srcset属性，上面这样的写法就够了。但是，对于普通的<img>元素，还要加上max-width: 100%;，这是为了防止图片大于容器宽度的情况。

---

本教程来自“网道项目”（wangdoc.com），采用知识共享 署名-相同方式共享 3.0协议。