ZorNet.Ru — сайт для вебмастера » HTML и CSS » Скрыть дизайн сайта адаптация мобильного

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

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

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



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

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

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

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 вы можете сами выбрать, под каким устройствам размера будет разрешено все видить
13 Сентября 2015 Просмотров: 2391 Комментариев: (21)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 21
Kosten
Kosten 13 Сентября 2015 21:581
0
Но надеюсь по стилям вы поняли, что максимальное разрешение вместо 340 укажите вы сами под которое еще нужно скрывать, я к примеру прописал до планшете и выше только можно будет все видеть. И так вы можете скрыть вообще любой элемент, это низ сайта или блог в контейнере, что посчитаете не нужным для мобильного устройства. К примеру еже сделал для "Поделиться в социальных сетях" скрыл, но зачем им, все равно не будут делиться и как то не красиво встал и здесь помогли эти стили.
Canon
Canon 13 Сентября 2015 23:102
0
Администратор, вот за второй код спасибо, то тоже первым все заключал. А вот проверить на гугл не возможно, там просто нет прокрутки и видно основном вверх сайта и немного вид материала. А на других сервер он просто не работал. А этот поставил и сразу все пропало, что нужно было убрать в низ сайта.
Kosten
Kosten 13 Сентября 2015 23:133
0
Да всегда пожалуйста, это просто делюсь, как мне на блоге uCoz помогли. Просто попался реально нормальный человек и не направил на покупку уже адаптированного шаблона. Описал как работает и на первый тоже указал, что он рабочий.
Сопрано
Сопрано 13 Сентября 2015 23:244
0
Это здорово, сам искал и понимал, что тут тоже делают адаптацию под мобилу и делятся. У меня баннеры в низ сайта друг на друге стояли, основном счетчики, терерь установил этот код и весь низ подобрал и убрал все лишнее, которое вообще не нужно на мобильных устройствах. Это кто сверстал и дизайн чей, но зачем это все. Вот теперь он аккуратный и все очень понятно, хотя нужно еще все просмотреть, думаю можно много чего убрать.
Kvint
Kvint 14 Сентября 2015 06:025
0
Вот почему сайт адаптировали и стали заливать интересный материал, за что благодарен, все свои дыры спрячу от чужих глаз.
Canon
Canon 14 Сентября 2015 06:236
0
Точно адаптирован, не подскажите где можно также сделать.
Kosten
Kosten 14 Сентября 2015 06:589
0
Canon, все написал подробно в этой теме, где есть ссылка, куда перейти.
FeStemBer
FeStemBer 14 Сентября 2015 06:307
0
Вот понять не могу, почему к примеру на одном из официальных сайтов не распространят к примеру такую информацию. Надо искать по блогам и в интернете или просто так им не выгодно и не будут покупать шаблоны, но они там немного имеют, ведь туда веб мастера основном закачивают свою продукцию с демо и проверкой на адаптацию, сейчас стали делать.
Kosten
Kosten 14 Сентября 2015 06:558
0
Да это сейчас тема номер один, так как гугл пригрозил снижать позиций и не куда не денешься и будешь заказывать адаптацию.
Kolinkor
Kolinkor 15 Сентября 2015 01:3710
0
Вижу адаптация всех достала, не чего пока не делаю, и не падают хосты, а что гугл говорил еще давно, что понижать будет, так у меня повысились. Напугали, чтоб быстрей переходили, он всегда что то мутит. Вот сегодня по телевизору слышу, что эта поисковая система на чем то попалась и теперь суд или большой штраф.
Kolinkor
Kolinkor 15 Сентября 2015 01:3811
0
Вспомнил, яндекс на его наежал и что то выявил, но это их конкуренция, нам неинтересно.
Kosten
Kosten 15 Сентября 2015 02:0312
0
Дико извиняюсь, а при чем здесь поисковые системы, к материалу вообще не относятся, только разве индексации.
Сопрано
Сопрано 15 Сентября 2015 02:1913
0
Скрыл все и даже больше, что пришлось некоторые детали на свет обратно вытаскивать, чтоб их лицезрели.
Сопрано
Сопрано 15 Сентября 2015 02:2014
0
А так поискал в интернете и не нашел такого кода, видать рано пока показывать. Еше не все заработали на адаптаций.
Kosten
Kosten 15 Сентября 2015 17:4615
0
Он есть на богах CEO где то в комментариях, а не просто в статье.
1 2 »
avatar