как скрыть блок для мобильных устройств и планшетов

#css

Проблема в следующем: есть блок, который не нужно отображать на телефонах, планшетах.
Как это сделать с помощью CSS??
Я понимаю, что вопрос может быть простейшим, но...
Заранее благодарю.
    

Ответы

Ответ 1

есть 2 метода


через css


пример

@media screen and (max-width: 600px) {
  #chto_ne_pozavivat {
    visibility: hidden;
    display: none;
  }
}



через js


пример




Ответ 2

Используй media-запрос на ширину экрана.

Не используй вариант handheld - он устарел и на большинстве устройств не сработает.


Ответ 3

.fixed1 { display: inline; }
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px){ .fixed1 { display: none; }}


Добавил в css