Я пытаюсь получить некоторые divs, чтобы показать/скрыть на основе размера браузера, используя только css-медиа-запросы... но ничего не работает... пожалуйста, помогите, если вы можете и сообщите мне, что я делать неправильно... спасибо заранее!
heres my css..
@media all and (max-width: 959px) {
.content .700{display:block;}
.content .490{display:none;}
.content .290{display:none;}
}
@media all and (max-width: 720px) {
.content .700{display:none;}
.content .490{display:block;}
.content .290{display:none;}
}
@media all and (max-width: 479px) {
.content .700{display:none;}
.content .490{display:none;}
.content .290{display:block;}
}
и вот мой html
<div class="content">
<div class="700">this is the content for desktop</div>
<div class="490">this is the content for tablet</div>
<div class="290">this is the content for mobile</div>
</div>
