미디어 쿼리? 를이용하면 된다고 어디서 봐서

<style>

@media(min-width: 500px) { .200px { width: 200px; height: 200px; } }

@media(min-width: 600px) { .250px { width: 250px; height: 250px; } }

@media(min-width: 760px) { .120px { width: 120px; height: 600px; } }

@media(min-width: 1100px) { .200px { width: 200px; height: 200px; } }

@media(min-width: 1200px) { .250px { width: 250px; height: 250px; } }

</style>

이런시긍로

500이상일때 200px 라는이미지

600이상일때 250px 라는 이미지

이런식으로 하고 싶은데..

어떻게 해야할지 감이안잡히네요 ㅠ

거의 다온것같은데 ㅠㅠ

도움 부탁드립니당..