Как проще сверстать адаптивный дизайн?

Есть адаптивный макет магазина. Имеется значение ширины экрана при которой должен переключаться стиль определённых элементов - меню навигации, функциональных элементов...
Нужно его сверстать и хочется сэкономить немного времени на верстку - есть ли готовые библиотеки которые будут определять ширину экрана, устройство, портретный/альбомный виды?
  • Вопрос задан
  • 442 просмотра
Решения вопроса 2
alexey-m-ukolov
@alexey-m-ukolov Куратор тега CSS
Хочется сэкономить немного времени на разработку - есть ли готовые библиотеки которые будут определять ширину экрана, устройство, портретный/альбомный виды?
Есть.
Ответ написан
@eandr_67
web-программист (*AMP, Go, JavaScript, вёрстка).
Это делается не библиотеками, а конструкциями @media в CSS, которые автоматически меняют стили в зависимости от ширины экрана.

Нормальная адаптивная вёрстка - это когда от ширины экрана зависят только стили при неизменном HTML. Уже давно используемые флексбоксы (flex) и набирающие популярность сетки (гриды, grid) позволяют легко это реализовать.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Hy_ok
@Hy_ok
немного возможно не понял, а если просто переверстать на фраемворке css bootstrap или fundation css?
Ответ написан
Ваш ответ на вопрос

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

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