Как сделать разное количество колоно в зависимости от ширины экрана?

(@selftrips-ru)

Делаю так

<style type="text/css">
.kolonka {
  columns: 3;
  -moz-columns: 3;
  -webkit-columns: 3;
}

@media all (max-width: 600px) {
.kolonka {
  column-count: 1;
  -moz-column-count: 1;
  -webkit-column-count: 1;
  }
}
</style>

<p class="kolonka">содержание....</p>

всегда показывает 3 колонки

Просмотр 4 ответов — с 1 по 4 (всего 4)

tuxfighter
(@tuxfighter)

6 лет, 6 месяцев назад

теоретически написано все правильно

Phoenix
(@azerphoenix)

6 лет, 6 месяцев назад

Почему бы Вам не подключить бутстрап к сайту? Там-то все готовое уже имеется.
wpgear
(@wpgear)

6 лет, 6 месяцев назад
Почему бы Вам не подключить бутстрап к сайту? Там-то все готовое уже имеется.

Только ради этого?

Может у вас срабатывает media правило предыдущего диапазона?
В таком случае, используйте column-count: 1 !important;

и почему в одном случае вы используете columns, а в другом: column-count?

P.S.
хотя к именно WordPress — это не имеет никакого отношения.
- Ответ изменён 6 лет, 6 месяцев назад пользователем wpgear.
Автор selftrips-ru
(@selftrips-ru)

6 лет, 6 месяцев назад

@wpgear А чем это они отличаются? Я же просто взял готовый рецепт с инете.
А вообще решил вообще по другому
задал фиксированную ширину и display:inline-block и все работает автоматически!)) Единственная «некрасивость» что «колонки прижаты к левому краю.
https://yadi.sk/i/5K8FsVY-3NyppE
Есть способ «отформатировать чтобы они занимали всю ширину?
Еще мне кажется было бы лучше если бы фон был только по буксами, но не знаю как это сделать. Или это невозможно?

Просмотр 4 ответов — с 1 по 4 (всего 4)

Тема «Как сделать разное количество колоно в зависимости от ширины экрана?» закрыта для новых ответов.