“CSS zachowaj obraz współczynnika kształtującego” Kod odpowiedzi

CSS Współczynnik obrazu

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

Zachowaj proporcje obrazu CSS

img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
Mobile Star

Jak ustawić rozmiar obrazu bez zmiany współczynnika kształtu w CSS

img {
  display: block;
  max-width:230px;
  max-height:95px;
  width: auto;
  height: auto;
}
Zunayed

CSS zachowaj obraz współczynnika kształtującego

.image-full {
    background: url(...some image...) no-repeat;
    background-size: cover;
    background-position: center center;
}
Breakable Batfish

Współczynnik obrazu HTML zachowuje proporcje

Don't set height AND width. Use one or the other and the correct aspect ratio will be maintained.
Delightful Duck

Odpowiedzi podobne do “CSS zachowaj obraz współczynnika kształtującego”

Pytania podobne do “CSS zachowaj obraz współczynnika kształtującego”

Przeglądaj popularne odpowiedzi na kod według języka

Przeglądaj inne języki kodu