Помощник
|
Подскажите хороший курс адаптивной верстки |
Seo_Almaty
|
Сообщение
#1
|
||
|
|
||
|
|||
Degradator |
6.7.2016, 14:17;
Ответить: Degradator
Сообщение
#2
|
|
|
я советую юзать mobile-first подход, выбрать три-четыре ключевых расширения (как в бутстапе например) и работать с этим. Например:
.element{ width: 100%; } @media (min-width: 780px) { .element{ width: 50%; } } @media (min-width: 1200px) { .element{ width: 33.333%; } } таким образом компонент будет шириной 100% на телефонах, 50% на планшетах и 33% на компутерах. К томуже при таком подходе у тебя не будет проблемы мозайки, когда при любом изменении экрана что-то куда-то перемещается. Кроме этого, вместо медиа квери можно юзать класс. Для этого надо при помощи js слушать изменения размера экрана, и менять класс у body. Такой подход добавляет немного гибкости для js, поскольку тут немного проще узнать что за размер экрана у пользователя.
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Хороший контент от нейросети за копейки | 6 | satherland | 664 | 2.4.2024, 12:47 автор: Skyworker |
|
Подскажите по ошибкам из Яндекс вебмастера | 1 | noviktamw | 1294 | 27.1.2024, 23:15 автор: Vmir |
|
Комплексный прогон сайтов, нет каталогов №3 от shtaketo, хороший рост НЧ,СЧ,ВЧ | 302 | shtaketo | 403149 | 3.11.2023, 23:36 автор: shtaketo |
|
Подскажите дейтинг партнерки с оплатой за регистрацию | 18 | Wolfhound | 2158 | 9.3.2023, 6:17 автор: Skyworker |
|
Вечные ссылки на более 90 новостных порталах! Хороший Тиц и быстрая индексация! | 98 | Oksana10 | 52674 | 8.4.2021, 16:19 автор: Oksana10 |
Текстовая версия | Сейчас: 18.4.2024, 14:08 |