вЭлементы дизайна Юкоз

Скрыть дизайн сайта адаптация мобильного

Бывает такое и оно есть, что нужно к примеру на компьютере видеть, а вот на телефоне будет коряво смотреться. И вы можете скрыть дизайн сайта адаптация мобильного все не нужное а его бывает очень много. Мы давайте к примеру возьмем вид материала, где пользователь закачал или написал статью и остается потом, что залил этот и в какое время, да в какой категорий и сколько скачало, также просмотры. Ну зачем, кто сидит с мобильника ему это все. И к тому же все будет в одной куче и здесь нам нужно все исправить и адаптировать его.

На первом изображение мы видим как все отображается полностью и смотрим с планшета. А вот уже вы все тоже видите с мобильного устройства.

И согласитесь так лучше, или было бы все вместе и не разобраться, все что нужно все есть.

Теперь переходим, как сделать, есть у нас основной код, который везде применяем, но он только спрячет если вы сидите на браузере хром, но его иногда прописывают, но много читал, что он скоро уйдет.

Вот про этот говорим:

USER_AGENT_PDA

А вот второй сейчас реально скрывает и нам с начало нужно зайти в CSS и поставить стиль на условие.

Код
@media screen and (min-width: 240px) and (max-width: 340px)
.ifnot-mob display: none!important;
}

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

Код
<div class=»ifnot-mob»>здесь код который нужно скрыть</div>

Можете в дивы не загонять и поставить уже ваш код класс, а у нас он сlass=»ifnоt-mob и потом проревете к примеру на сервер что у нас пропало, а точнее не будет видно.

Вот что еще, вы в стилях изначально видите 240px что не нужно трогать, а вот 340px вы можете сами выбрать, под каким устройствам размера будет разрешено все видеть.

источник: zornet.ru

Похожие посты