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

  • Делаю так

    <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)
  • теоретически написано все правильно

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

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

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

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

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

    P.S.
    хотя к именно WordPress — это не имеет никакого отношения.

    • Ответ изменён 5 лет, 1 месяц назад пользователем wpgear.
    Автор selftrips-ru

    (@selftrips-ru)

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

Просмотр 4 ответов — с 1 по 4 (всего 4)
  • Тема «Как сделать разное количество колоно в зависимости от ширины экрана?» закрыта для новых ответов.