Skip to content

Instantly share code, notes, and snippets.

@susanahernandezd

susanahernandezd/img-width-height-aspect-ratio

Last active July 21, 2022 04:19
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save susanahernandezd/317b4c0bb72820e8625ff2099405971a to your computer and use it in GitHub Desktop.
Save susanahernandezd/317b4c0bb72820e8625ff2099405971a to your computer and use it in GitHub Desktop.
Download ZIP
Raw
img-width-height-aspect-ratio
// ASPECT RATIO
// compatible Safary 15
img {
aspect-ratio: 16 / 9;
width: 100%;
}
// WIDTH/HEIGHT
// compatible Safary 14
// In addition to <img>, this feature also works on <video> and <input type="image">.
// <img width="1598" height="899" src="…" alt="…" />
img {
height: auto;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment