Когда вы уменьшаете ширину браузера до 1000 пикселей, появляется горизонтальная полоса прокрутки, есть ли способ удалить ее выше 1000 пикселей? Проверьте мой скриншот ниже.
Я пробовал clearfix, но это не помогло, и попробовал overflow:visible;
.clearfix:before,
.clearfix:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */
Любой чистый простой способ исправить это с помощью css?
@media all and (min-width: 1000px) {
body {
margin:0;
}
.wrapper {
overflow-x: hidden;
}
}
Если браузер имеет ширину более 1000 пикселей, горизонтальной прокрутки не будет.
Единственное, что вы можете сделать (что по-прежнему делает ваш сайт доступным), — это установить ширину, на которой должна отображаться полоса прокрутки.
Вы можете исправить это, установив минимальную ширину для тела.
Добавьте это в свою таблицу стилей:
body { min-width: 1200px; }
Когда размер браузера будет меньше 1200 пикселей, появится полоса прокрутки.
Используйте свойство overflow-x, чтобы скрыть горизонтальную полосу прокрутки в div, которая создает горизонтальную прокрутку.
Например,
Overflow-x:hidden;
ИЗМЕНИТЬ
Если вы хотите 1000 пикселей, где прокрутка не должна появляться, и она все еще появляется в 1020, дело в том, что у вас где-то применяется отступ/поле, которое берет эти дополнительные пиксели. Вам нужно удалить его, чтобы ваша вещь заработала.
Я решил, что когда размер моего браузера меньше 1200 пикселей, переполнение: скрыто; на карусели шириной 1000 пикселей. Владислав Станич указал мне правильное направление, всем спасибо.
@media all and (max-width: 1200px) {
.carousel {
overflow-x: hidden;
}
}
