Полноэкранная прокрутка колесика мыши вызывает белый цвет

Question

Полноэкранная прокрутка колесика мыши вызывает белый цвет

0

Я сделал полноэкранный веб-сайт, и у него есть обертка, содержащая содержимое в блоке 1170 пикселей.

Обертка центрирована.

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

Но если я изменяю размер экрана, а затем использую горизонтальную полосу прокрутки или колесико мыши, все фоны не отображают только то, что было видно, когда я изменял размер страницы.

Я попытался установить 100% ширину тела, но он вообще не работает. То же самое происходит как на мобильных устройствах, так и на планшетах.

GNov 13 апр. 2014, в 19:24

Источник

0

Вы можете опубликовать код
jmore009 13 апр. 2014, в 17:23
0

<div class="black-bg"> <h3> text </h3> </div> .blac-bg{ width:100%; background-color:#333; } @jmore009 jmore009
GNov 13 апр. 2014, в 17:44
0

Обновление = Кажется, работает без "ширина: 100%;" но мне нужно это для чего-то другого, кто-нибудь знает, что может быть причиной
GNov 13 апр. 2014, в 18:04

Показать ещё 1 комментарий

Теги:

html

css

1 ответ

Ещё вопросы

<div class="black-bg"> <h3> text </h3> </div> .blac-bg{ width:100%; background-color:#333; } @jmore009 jmore009
Обновление = Кажется, работает без "ширина: 100%;" но мне нужно это для чего-то другого, кто-нибудь знает, что может быть причиной

Stijn Bernards · Answer 1 · 2014-04-13T16-00-00.000Z

ширина: 100%; Принимает ширину экрана так же, как и при открытии сайта, если вы хотите только создать фон, почему бы не использовать это:

body{
    background-color: black;
}

width: 100% НЕ принимает ширину экрана, которая была при открытии страницы. Скорее, фактическая ширина пересчитывается в ширину окна всякий раз, когда окно меняет размер.