Отзывчивый веб дизайн BAUWEB (2,0,0) (responsive design)

Отзывчивый дизайн базируется на трёх основных технических элементах:

• флюидная сетка (fluid grids): тип разметки использующий относительные единицы, такие как проценты %, а не фиксированные пиксели. Данная особенность позволяет колонкам и элементам растягиваться и сжиматься с целью заполнения доступной ширины окна браузера.
• гибкие изображения (flexible images): такие изображения имеют размер в относительных единицах с максимальным параметром ширины 100% (max-width: 100%). Это предупреждает ошибку вывода изображения за пределы элемента, который их содержит и позволяет им масштабироваться пропорционально и заполнять пикселями экраны больших размеров.
• медиа запросы (media queries): медиа запросы CSS – это метод применяя нескольких стилей в зависимости от характеристик устройства экрана, в большинстве случаев это ширина экрана в пикселях. Когда экран достигает определённых контрольных точек, разметка экрана может измениться с 3-х колонок, на одну колонку с целью оптимизации читабельности информации.