2017-02-13 2 views
-2

Я новичок в программировании и я пытаюсь сделать свой сайт, но я застрял с вопросом:CSS и ландшафтный

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

jsFiddle https://jsfiddle.net/user582/ycx56p4h/1/ 

Site in googledevtools

+1

Пожалуйста, отредактируйте, чтобы задать один четкий вопрос за сообщение. – isherwood

+1

Опубликуйте живую ссылку на свой проект или создайте идеальную скрипку, чтобы можно было проверить код, Невозможно понять из изображений ..! –

+0

, пожалуйста, поместите весь свой код или создайте jFiddle. –

ответ

0

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

html{ 
    max-width: 100vw; 
    overflow-x: hidden; 
} 

vw устройство совершенно неизвестно людьми, но очень полезным, поскольку оно соответствует ширине окна просмотра пользователя. Как только вы установили max-width, вы можете скрыть все переполнения по оси x с помощью overflow-x.

+0

Я включил: * { max-width: 100vw; overflow-x: скрыто; } и изменен каждую ширину: 100%; до ширины: 100 вольт; Он решил горизонтальную прокрутку, но создает множество вертикальных прокруток для моих div, абзацев и т. Д. – Igor

+0

Вы не должны использовать универсальный селектор '*'. Вы пытались применить эти правила только к 'html' и' body'? – Faegy

Смежные вопросы