“Aspect-Ratio CSS” Kod odpowiedzi

Zachowaj proporcje obrazu CSS

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

Aspect-Ratio CSS

aspect-ratio: 16 / 9;
// horizontal/vertical
Your Mom

CSS-Pixel-Pixel-Ratio

/* Exact resolution */
@media (-webkit-device-pixel-ratio: 1) {
  p {
    color: red;
  }
}

/* Minimum resolution */
@media (-webkit-min-device-pixel-ratio: 1.1) {
  p {
    font-size: 1.5em;
  }
}

/* Maximum resolution */
@media (-webkit-max-device-pixel-ratio: 3) {
  p {
    background: yellow;
  }
}
Amused Aardvark

Odpowiedzi podobne do “Aspect-Ratio CSS”

Pytania podobne do “Aspect-Ratio CSS”

Więcej pokrewnych odpowiedzi na “Aspect-Ratio CSS” w CSS

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

Przeglądaj inne języki kodu