Display:none в адаптивной верстке

357
11 января 2017, 02:18

Всем привет! Работаю над своим первым адаптивом, многих нюансов пока не знаю.

Вопрос следующий: насколько целесообразно использовать свойство display со значением none? Для примера: шапки для экранов шириной 320px и 1024px абсолютно разные. Я сделал 2 header-блока с соответствующей разметкой и стилями: по умолчанию шапка для 320px скрыта с помощью display:none и отображается только при соответствующем медиазапросе (а шапка для 1024px, соответственно, скрывается тем же свойством).

Так вообще делается или нужно идти другими путями?

Знаю, что можно использовать для этих целей JS, но вопрос актуален.

Answer 1

Конечно, если что-то кардинально отличается на моб и десктопах, то это не плохой выход. Лично я так и поступаю.

Answer 2

То есть получается что в html разметке существует одновременно две шапки, только одна из них выключена? Вообще так не делается, так как html грузится до css и получается, что у вас подгружается целый лишний блок, а это влияет на время загрузки сайта - следовалеьно на его seo. Лучше создать в css под определенные размеры медиазапросы и ими уже выключать не нужные элементы. А не дублировать шапки.

READ ALSO
Использование OnPaint и Invalidate в MFC

Использование OnPaint и Invalidate в MFC

Возникла проблема в MFC при работе с OnPaint и InvalidateДело в том, что при срабатывании Invalidate (которая делает недействительной клиентскую часть окна)...

416
Вызов виртуальной функции С++

Вызов виртуальной функции С++

Не понимаю как вызывается функция Receiver::Process() в проектеИскал через (ctrl+shift+f), нашел только использование в Task::TaskExec()

321
Вывести в консоль квадрат в квадрате со ***

Вывести в консоль квадрат в квадрате со ***

Здравствуйте! С обычным квадратом все просто, но как в него засунуть поменьше квадрат, вот это проблемка

412
Передача массива в функцию и range-based цикл

Передача массива в функцию и range-based цикл

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

304