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

Всем привет!

Вопрос по создании адаптивной сетки. Как правильно строить такие сетки/какие используются брекпоинты чаще всего?
И как в итоге получают размеры в rem при вычислениях?
  • Вопрос задан
  • 2483 просмотра
Пригласить эксперта
Ответы на вопрос 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-фреймворках.
Ответ написан
Вроде CSS grid для этого и создан?
Building Production-Ready CSS Grid Layouts Today
В 2017 пора использовать.
Ответ написан
Комментировать
@dmitry_pacification
Трудности рождают прорыв
Ответов на такой вопрос вагон и маленькая тележка. Не вижу смысла в создании такого тикета.
https://www.google.com.ua/search?q=как+сделать+ада...

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

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

Войти через центр авторизации
Похожие вопросы