如何解决设置vw、vh而导致的图片拉伸问题？

Question

如题。请大神指点

Answer 1

1.object-fit

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

2。用背景图片

div {
  width: 100vw;
  height: 100vh;
  background-image: url('your-image.jpg');
  background-size: cover;
  background-position: center;
}