CSS background image to fit height width should auto-scale in proportion

Question

I want background image fit with the height of the div  there s a way to do that  background-size cover  fit only with the width and height autoscale  I need the opposite effect   Thanks

User · Answer

body bg       background-size  cover      background-repeat  no-repeat      min-height  100vh      background  white url    images bg-404 jpg  center center no-repeat      -webkit-background-size  cover      -moz-background-size  cover      -o-background-size  cover       Try This  x000D   x000D      body bg   x000D       background-size  cover  x000D       background-repeat  no-repeat  x000D       min-height  100vh  x000D       background  white url http   lorempixel com output city-q-c-1920-1080-7 jpg  center center no-repeat  x000D       -webkit-background-size  cover  x000D       -moz-background-size  cover  x000D       -o-background-size  cover  x000D         x000D       lt body class  bg  gt  x000D   x000D   x000D        x000D       lt  body gt  x000D   x000D   x000D

User · Answer

try   something        background  url images bg jpg  no-repeat center center fixed       width  100       height  100       position  fixed      top  0      left  0      z-index  -100

User · Answer

background-size  contain     suits me

User · Answer

I know this is an old answer but for others searching for this  in your CSS try   background-size  auto 100

User · Answer

I just had the same issue and this helped me  html       height  auto      min-height  100       background-size cover

[css] CSS background image to fit height, width should auto-scale in proportion

Examples related to css