• Страница 1 из 1
  • 1
Как скрывать блок div на мобильном экране
Kosten
Вторник, 15 Января 2019, 03:07 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
Иногда нам нужно скрыть блок div, который просто на мобильном экране не играет не какой роли, так как в совершенстве на молом обзоре должна быть навигация и материал. а дизайн уходит на второе место. И для этого нужно сделать так, чтоб некоторые элементы дизайна были изначально скрыты по заданному значению.

Все делается просто, нужно с начало указать в max-width: это при каком минимальном разрешении станет невиден div, а точнее спрятан.



За класс возьмем это название .spatagkalog который указан в блоке div

Код
@media screen and (max-width:860px) {
.spatagkalog {
display: none;
}
}


Как разрешение доходит до 860px, то блок исчезает.
Прикрепления: 8548807.png (64.6 Kb)
Страна: (RU)
Kosten
Вторник, 22 Января 2019, 21:53 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
Также можно самостоятельно класс задать, возможно не будет прописан изначально он к элементу, то все делаем самостоятельно. Ведь при полной адаптаций некоторые элементы бывают не замечены, вот как раз как вариант скрыть их отлично подойдет.

CSS

Код
@media screen and (min-width: 680px) and (max-width: 750px) {  
  .skedumilas {display: none!important;}
}


И теперь само условие, которое вы заключаете и прописываете, на то чтоб не было видно.

Код
<div class="skedumilas">Сюда ставим элемент, что нужно скрывать</div>


На этом все, всегда пригодится при адаптивности сайта, так как много элементов дизайн приходится скрывать на мобильном экране.
Страна: (RU)
  • Страница 1 из 1
  • 1
Поиск: