В данный момент адаптивность страницы работает, но необходимо настроить шаблон таким образом, чтобы удовлетворял некоторым требованиям.
В данный момент при изменении ширины бразуера, адаптивные блоки изменяются и страница выглядит следующим образом:
В левом блоке находится меню (вертикальная навигация), в правом блоке находится контент
Контент состоит из 3х информационных столбцов, которые автоматически масштабируются под всю ширину правого блока.
Необходимо настроить правый блок таким образом, чтобы вместо постоянных трех (автоматических) столбцов с информацией было 4 статичных по фиксированной ширине и при изменении ширины браузера, количество информационных столбцов уменьшалось до 1.
Задачи:
1. Ширина информационного блока должна быть фиксирована 220px (статично) и автоматически не увеличиваться
2. Фиксированное расстояние между блоками 40рх, до разрешения дисплея 300рх, меньше 300рх автоматическое уменьшение блока
Необходимо:
- от 1920рх и больше – Количество колонок 4. Расстояние между колонками 40рх. 4 колонки выравниваются по центру большого правого блока.
- от 1920рх до 1451рх – Количество колонок 4. Расстояние между колонками 40рх
- от 1450рх до 561рх – Количество колонок 3. Расстояние между колонками 40рх
- от 560рх до 301px Количество колонок 2. Расстояние между колонками 40рх
- от 300рх и меньше Количество колонок 1 с автоуменьшением. Расстояние по бокам колонки 20рх
P.S. Левый блок "меню" до 1320рх включительно составляет фиксировано 370рх, при уменьшении разрешения в плоть до 960рх – Левый блок "меню" автоматически изменяется в размерах до 190рх, ниже 960рх, Левый блок "меню" исчезает и превращается в иконку "меню". Левый блок меню трогать не нужно!
Опубликован 08.11.2015 в 09:53 Последнее изменение: 08.11.2015 в 09:58
Заказ находится в архиве