图片平铺不压缩 - Githubissues

Riunshow / NoteBook

人生不如意事十之九八,可与人言者并无二三

3 stars 0 forks source link

图片平铺不压缩 #11

Open Riunshow opened 5 years ago

Riunshow commented 5 years ago

div {
  height:100%; 
  background-image: url(); 
  background-position: center center; 
  background-size: cover;
}

Riunshow commented 3 years ago

.img-div {
  width: 300px;
  height: 300px;
  position: relative;
  border: 1px solid #e5e5e5;
  margin: 0 5px;

  .img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
  }
}

Riunshow commented 3 years ago

https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit