Адаптивные и отзывчивые сетки — как их создавать?

Всем привет!

Вопрос по создании адаптивной сетки. Как правильно строить такие сетки/какие используются брекпоинты чаще всего?
И как в итоге получают размеры в rem при вычислениях?
  • Вопрос задан
  • 2280 просмотров
Пригласить эксперта
Ответы на вопрос 4
snap44
@snap44
Фыр!
какие используются брекпоинты чаще всего

320/480/600/768/1024/1200
И как в итоге получают размеры в rem при вычислениях?

Умножают базовый размер в пикселях на rem.
body {fontsize: 16px;}
h1 {font-size: 1.5 rem} = 16*1.5 = 24px
Как правильно строить такие сетки

Так же, как и фиксированные, только в отоснительных единицах измерения + media
Ответ написан
Dioved
@Dioved
web-разработчик
Как реальный пример можно посмотреть как сделана сетка в bootstrap. В 3-м, в 4-м. Либо в других css-фреймворках.
Ответ написан
@dmitry_pacification
Трудности рождают прорыв
Ответов на такой вопрос вагон и маленькая тележка. Не вижу смысла в создании такого тикета.
https://www.google.com.ua/search?q=как+сделать+ада...

Для того чтобы определить брекпоинты используйте аналитику захода с мобильных устройств вашего сайта, или мировую статистику.
gs.statcounter.com/screen-resolution-stats
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
Grapheme Ростов-на-Дону
от 50 000 руб.
Flyphant Москва
от 90 000 до 120 000 руб.
Finch Москва
от 100 000 руб.
17 дек. 2018, в 01:36
700 руб./в час
16 дек. 2018, в 22:06
700 руб./в час
16 дек. 2018, в 21:48
1000 руб./за проект