jquery - How to resize image on window resize in CSS? -

i want resize image when resize window.

my window 1600x1200. image 1000x500.

i tried use background-size: cover, works image quality poor.

so there alternative keep image 1000px max if window larger 1000px and resize based on screen if less 1000px (such background-size: cover) ?

yep, media query

@media(min-width:1000px){ .class{background-size: auto} } @media(max-width:999px){ .class{background-size: cover} }