Паранойю - для адаптива display:none применимо?

12
P
На сайте с 06.01.2009
Offline
577
2173

Добрый день. Подскажите, пож-та,

Для адаптива display:none применимо?

Т.е. в принципе сокрытие некоторых блоков (которые отображаются в десктопе) стилями.

@media screen and (max-width: 480px) {

content7 {display:none}
}

ps паранойю, но спросить у спецов должен.

Z0
На сайте с 03.09.2009
Offline
737
#1

У меня скрывается часть менюшек 🍿

Alex Klo
На сайте с 15.06.2006
Offline
304
#2

а какая разница, для адаптива или нет?

часто в меню используется, и это нормально.

точно - паранойя. :)

Проверка и мониторинг позиций сайта ( http://www.topvisor.ru/?inv=1520 ) Продвигаю сайты http://climat-nw.ru/conditioner-installation/ http://www.aircom-spb.ru/service/montaj/
Апокалипсис
На сайте с 02.11.2008
Offline
391
#3

Если совсем паранойя мучает, закрывайте через javascript.

Записки нищего (http://zapiskinishego.ru) - мой личный блог Услуги php программиста. Очень нужна любая работа. Не покупают? Поведенческий аудит интернет-магазина за 5000 руб. (/ru/forum/990312)
P
На сайте с 06.01.2009
Offline
577
#4
Alex Klo:
а какая разница, для адаптива или нет?
часто в меню используется, и это нормально.
точно - паранойя. :)

Все же в меню разворачивается по клику. Тут никаких разворотов, скрыто и всё.

Не хорошо скрывать блоки в десктопе средствами css не предоставляя юзеру возможности раскрыть содержимое (сам яндекс об этом пишет, вроде). Так вот если в десктопе обычно все же есть кнопка "развернуть содержимое", то здесь (для мобил) тупо убрали некоторые блоки display:none, не давая возможности юзеру их посмотреть. Уловили? )

Апокалипсис:
Если совсем паранойя мучает, закрывайте через javascript.

Вы правы, это решение. Но не хотелось бы изгаляться, если это только паранойя и не более того.

L
На сайте с 16.03.2012
Offline
316
lkm
#5
postavkin:
Вы правы, это решение.

Он не прав, как и в 99 других своих советах из 100 во всех темах подряд.

postavkin:
Для адаптива display:none применимо?

В этом и есть смысл адаптивности изначально: не пихать все в один столбец, а в зависимости от размера экрана представлять информацию наиболее эффективно.

P
На сайте с 06.01.2009
Offline
577
#6
lkm:
Он не прав, как и в 99 других своих советах из 100 во всех темах подряд.

Обоснуйте, в чем не прав Апокалипсис, если можно закрыть это дело js-ом.

Я правда не сталкивался, и слабо представляю, как средствами js определять размер экрана.

lkm:

В этом и есть смысл адаптивности изначально: не пихать все в один столбец, а в зависимости от размера экрана представлять информацию наиболее эффективно.

Не очень понял. Есть десктоп - экран шире, больше, можно тегирование очень удобно показать.

И есть мобила, где когда мы выводим тегирование (конкрентно мой пример), то оно занимает весь первый экран.

Убрал его средствами css. Это и напрягло.

Z0
На сайте с 03.09.2009
Offline
737
#7
postavkin:

Я правда не сталкивался, и слабо представляю, как средствами js определять размер экрана.


if($(window).width()<650) {
$('.something').hide();
}
else
{
$('.something').show();
}

:p

Kitaer
На сайте с 23.07.2015
Offline
68
#8

Конечно применимо, почти во всех (если и вовсе не во всех) современных темах для адаптива используют display:none. Можете сами посмотреть и проверить, поэтому не понятно зачем эти заморочки с js...

Stasmotion
На сайте с 16.11.2011
Offline
153
#9

Display: none один из основных элементов при адаптиве, без него не обойтись.

Сайты с этими свойствами прекрасно чувствуют себя в Топе. Так что не парьтесь!

Комплексное SEO продвижение сайтов, полная отчетность Настройка и ведение Яндекс.Директ
B
На сайте с 02.04.2008
Offline
217
#10
postavkin:

Не хорошо скрывать блоки в десктопе средствами css не предоставляя юзеру возможности раскрыть содержимое (сам яндекс об этом пишет, вроде). Так вот если в десктопе обычно все же есть кнопка "развернуть содержимое", то здесь (для мобил) тупо убрали некоторые блоки display:none, не давая возможности юзеру их посмотреть. Уловили? )

Юзер всегда может нажать в меню мобильного браузера "Полная версия сайта"

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий