Как скрывать блок div в зависимости от разрешения экрана?

#html #javascript #css

Для разных разрешений экрана - своя структура сайта. В десктоп-версии все div'ы показывать
(грубо говоря). В мобильной - кое-что хотелось бы убрать. Как это реализовать?
У меня такие догадки:

Получаем разрешение экрана и подгружаем нужный css. (В mobil.css - display:none.)
Не подгружая другие css, люди как-то используют js для скрытия div. Что за способ
такой и как это через js делается? Можно ли это сделать без js (слышал, что в старых
мобилах js плохо работает). А без js  и одним css файлом это можно реализовать или
это невозможно?

Буду рад любому совету! Спасибо!     

Ответы

Ответ 1

Как вариант, с использованием javascript


    ...
    

       ...
    
    ...
    



Ответ 2

Для решения подобных проблем в CSS есть свойство @media: 

@media screen and (max-width:350px) {
    .object {
        display: none;
    }
}


Ответ 3

Без javascript не обойтись!
Пример для раздумий:


ID 1
ID 2
ID 3
ID 4
ID 5

З.Ы. Пример!