Display:none в адаптивной верстке
Всем привет! Работаю над своим первым адаптивом, многих нюансов пока не знаю.
Вопрос следующий: насколько целесообразно использовать свойство display со значением none? Для примера: шапки для экранов шириной 320px и 1024px абсолютно разные. Я сделал 2 header-блока с соответствующей разметкой и стилями: по умолчанию шапка для 320px скрыта с помощью display:none и отображается только при соответствующем медиазапросе (а шапка для 1024px, соответственно, скрывается тем же свойством).
Так вообще делается или нужно идти другими путями?
Знаю, что можно использовать для этих целей JS, но вопрос актуален.
Конечно, если что-то кардинально отличается на моб и десктопах, то это не плохой выход. Лично я так и поступаю.
То есть получается что в html разметке существует одновременно две шапки, только одна из них выключена? Вообще так не делается, так как html грузится до css и получается, что у вас подгружается целый лишний блок, а это влияет на время загрузки сайта - следовалеьно на его seo. Лучше создать в css под определенные размеры медиазапросы и ими уже выключать не нужные элементы. А не дублировать шапки.
-
12:23
-
20:41
-
06:31
-
21:28
-
22:18
-
08:00
-
13:46
-
10:14
-
18:32
Сборка персонального компьютера от Artline: умный выбор для современных пользователей
- Почему SERVER_ADDR имеет не тот IP 49916 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31901 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 25879 visits
- Как через css изменить цвет png изображения? 11721 visits
- Blob video url download 11267 visits
- Php curl запрос через прокси с авторизацией 10665 visits
- Работа с captcha vk api 9470 visits
© "hostciti.net" 23.12.2025 | 02:38