img图片铺满屏幕不变形

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

仅靠这还不够，要想图片铺满屏幕不变形，就得这样写

img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

cover

被替换的内容在保持其宽高比的同时填充元素的整个内容框。如果对象的宽高比与内容框不相匹配，该对象将被剪裁以适应内容框

兼容性

除IE不支持，均支持

参考 developer.mozilla.org/zh-CN/docs/…