object fit code example

Example 1: is there an img cover

body {
  margin: 0;
}
img {
  display: block;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}

Example 2: how to contain image size

overflow: 'hidden',
backgroundSize : 'contain',

Example 3: make image stretch to fit div

Just apply without any changing any code
img {
width: 100%;
}

Example 4: object-fit values in css

img{
  object-fit: cover|contain|fill|none|scale-down;
}

Example 5: object fit cover

img {
  width: 200px;
  height: 
  400px;
  object-fit: cover;
}

Tags:

Html Example