Блог

Главная - Вопросы по программированию - Изменение размера окна приводит к тому, что фон закрывает остальную часть страницы

Изменение размера окна приводит к тому, что фон закрывает остальную часть страницы

#html #css #background #resize #window

#HTML #css #фон #изменение размера #окно

Вопрос:

Я создаю веб-страницу с помощью CSS и HTML, и я наткнулся на досадную проблему. Когда я изменяю размер окна браузера, цвет фона покрывает ту часть страницы, которая находится вне поля зрения, с правой стороны. Это звучит немного расплывчато, но, к счастью, я нашел веб-страницу, на которой это также происходит, здесь. Перетаскивание окна браузера влево или вправо от экрана (Win 7 и 8) изменит размер страницы, и когда вы посмотрите на часть страницы за пределами экрана, вы увидите, что она «покрыта» цветом фона.

Я пытался найти в Интернете решение этой проблемы, но мне трудно найти эффективный поисковый запрос. Надеюсь, кто-нибудь здесь может помочь! Заранее спасибо!

Ответ №1:

Вам нужно добавить «максимальную ширину» в .container, например, так (включает текущий код):

 .container {
    width: 1200px;
    margin: 0px auto;
    max-width: 100%; //this is the new line
}

(.container находится в default.css в строке 212.)

Комментарии:

1. Спасибо! Это решает проблему фона, но теперь некоторые div теги переместятся в другое положение, чтобы они соответствовали странице. И теперь горизонтальная прокрутка больше невозможна. Есть идеи?

2. На самом деле вам не нужна возможность горизонтальной прокрутки — это не очень удобно для пользователя. Я бы посоветовал изменить правила CSS для элементов внутри контейнера, чтобы они были либо процентными (и хорошо реагировали при изменении окна), либо использовали медиа-запросы.

Метки: