响应式布局

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

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

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