Можно ли задать стили отдельно для ПК и остальных устройств ??

Question

[Сергей Оганезов]

Мне нужно отобразить один блок только на компьютерах (ПК, ноутбуки, нетбуки), на остальных устройствах (планшеты, смартфоны и т.д.) он не нужен. Медиа запросы не совсем подходят, либо я неправильно их составил. Есть ли вариант сделать такое разделение ??

Answer 1

[IceJOKER]

Media запросы как раз таки и подходят.
Можно еще определить браузер(есть кучу статей на разных ЯП как это сделать) и в зависимости от браузера подключать те или иные стили

Answer 2

[Алексей Струков]

на планшетах поставь этому блоку свойство display: none; или visible: none;
В зависимости от того, должно ли исчезновение блока влиять на соседние блоки.
Делается через медиа запросы.
Пример медиа запросов с нужными значениями можно найти в интернете.
Они бывают разные и под разное количество устройств. Тут уже надо Вам смотреть по своим потребностям какие вам больше подойдут.

Comments

[Сергей Оганезов]

а как дать это именно планшетам ??

[Алексей Струков]

Сергей Оганезов: например внутри media (min-width: 750) написать это.
Значение min-width может быть другим, я взял одно из нескольких, которое используется.
При этом, если нужно, чтобы на телефонах этот блок отображался, надо предварительно создать медиа запрос для телефонов. Если не совсем понятно как работают медиа запросы то лучше прочитать отдельную статью на эту тему.