Форматирование представлений: жидкое количество столбцов?
У меня есть страница просмотров, на которой создается макет сетки из 3 столбцов. Они отлично смотрятся в настольном браузере.
В мобильном браузере каждый столбец слишком тонкий, чтобы с пользой читать отображаемый текст, и это выглядит довольно ужасно, даже если я использую медиа-запросы для уменьшения масштаба текста. Я бы хотел перейти к макету с одной колонкой на таких экранах. Есть ли хороший способ сделать это? В идеале, подход, основанный только на CSS, был бы лучшим, так как мне удалось сделать свой макет плавным до сих пор использовал только CSS.
1 answers
Вам нужно будет перейти от использования макета таблицы к тому, который вместо этого использует divs, например, стиль представлений "неформатированный список".
Это довольно просто, если сложить набор плавающих дивов в контейнер.
Если ширина контейнера изменяется, количество элементов в "строке" также изменяется.
Например, что-то вроде этого для элементов представления.
.views-row{
float:left;
margin:8px;
}