Страницы

Поиск по вопросам

суббота, 21 декабря 2019 г.

Как скрывать блок 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
З.Ы. Пример!

Комментариев нет:

Отправить комментарий