Увеличение ширины основного столбца

  • Решено Apple_pie

    (@apple_pie)


    9 лет, 3 месяца назад

    Добрый день!
    Полдня сегодня бился, но так и не смог увеличить ширину основного столбца у сайта с адаптивным дизайном так, чтобы дизайн оставался адаптивным.
    Пациент вот: дыц

    Пытался сделать самое очевидное. Т.е.:
    Было:

    #content {
    border: #FFF 10px solid;
    border-top: none;
    border-radius: 0px 0px 15px 15px;
    box-shadow: 0 0 16px #85969f;
    }

    Стало:

    #content {
    border: #FFF 10px solid;
    border-top: none;
    border-radius: 0px 0px 15px 15px;
    box-shadow: 0 0 16px #85969f;
    width: 100%;
    max-width: 1270px;
    }

    Ничего не выходит. Помогите, пожалста!

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

    (@flector)

    9 лет, 3 месяца назад

    начните с изменения кода:

    .site {
    max-width: 1000px;
    margin: 0px auto;
}

    Автор Apple_pie

    (@apple_pie)

    9 лет, 3 месяца назад

    Поменял на 

    .site {
    max-width: 1278px;
    margin: 0px auto;
}

    Все равно адаптивность едет.

    Автор Apple_pie

    (@apple_pie)

    9 лет, 3 месяца назад

    Flector, почистил кэш, помогло.

    Спасибо!

    На будущее, как отследить общую ширину, которая прописывается для адаптивных дизайнов?

    Flector

    (@flector)

    9 лет, 3 месяца назад

    методом тыка через инспектор кода.
    собственно, это не зависит от адаптивности — просто наводите мышкой в инспекторе на самый верхний код и начинаете мышку опускать, пока не наткнетесь на ограниченную по ширине область.

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