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

Question

[Владимир Красильников]

Есть адаптивный макет магазина. Имеется значение ширины экрана при которой должен переключаться стиль определённых элементов - меню навигации, функциональных элементов...
Нужно его сверстать и хочется сэкономить немного времени на верстку - есть ли готовые библиотеки которые будут определять ширину экрана, устройство, портретный/альбомный виды?

Comments

[gleendo]

Есть магазин. Он имеет адаптивную верстку

Хочется сэкономить немного времени на разработку

так он есть уже или вы планируете разработку?

Answer 1

[Алексей Уколов]

Хочется сэкономить немного времени на разработку - есть ли готовые библиотеки которые будут определять ширину экрана, устройство, портретный/альбомный виды?

Есть.

Answer 2

[Андрей Ежгуров]

Это делается не библиотеками, а конструкциями @media в CSS, которые автоматически меняют стили в зависимости от ширины экрана.

Нормальная адаптивная вёрстка - это когда от ширины экрана зависят только стили при неизменном HTML. Уже давно используемые флексбоксы (flex) и набирающие популярность сетки (гриды, grid) позволяют легко это реализовать.

Answer 3

[Hy_ok]

немного возможно не понял, а если просто переверстать на фраемворке css bootstrap или fundation css?

Comments

[Сергей delphinpro]

просто переверстать

=)

[Владимир]

=D

[Hy_ok]

Сергей, на мой взгляд это нормальное решение, и к тому же это не займет много времени, чем поиск того что ищет автор

[gleendo]

Hy_ok, автор сам не знает что ищет...а искать ему нужно медиа запросы

[Владимир]

Hy_ok, а Бутстрап и Фондейшн не медиаквери используют?

[Hy_ok]

Владимир, в бутсрапе адаптивность на них построена, да и вообще на сайте разработчика можно собрать его под себя, задать свою ширину контейнера и так далее, что на много облегчит автору работу