صفحه ی واکنش پذیر در html

Question

باسلام.من یه همچین چیزی با html میخوام.(اگه یه css هم بغلش باشه به جایی نمیخوره):

• در صورتی که عرض صفحه کمتر از ۶۰۰ پیکسل است،‌ باید  #F00 باشد.
• در صورتی که عرض صفحه بین ۶۰۰ تا ۹۰۰ پیکسل (شامل خود ۶۰۰ و ۹۰۰) است، باید  #FF0‌باشد.
• در صورتی که عرض صفحه بیشتر از ۹۰۰ پیکسل است، باید  #0F0 باشد.

Answer 1

سلام،همه این کار با css ممکنه:

@media only screen and (max-width: 600px) {body{background-color:#F00;}}
@media only screen and(max-width: 900px)and(min-width: 600px){body{background-color:#FF0;}}
@media only screen and (min-width: 900px) {body{background-color:#0F0;}}