Как ограничить ширину страницы

-1

Ширина моей страницы слишком широкая, поэтому вы можете прокручивать ее вправо и передавать все элементы страницы. Вот скриншот: screenshot Как ограничить ширину страницы

Черная часть - нижний колонтитул, как вы можете видеть, вы можете прокручивать его прямо мимо него.

Я использовал overflow-x: none;, чтобы предотвратить горизонтальное сканирование, однако вы все равно можете прокрутить этот путь, удерживая среднюю кнопку мыши и прокручивая ее.

Как я могу ограничить ширину страницы? Установка его на 100% сделает его родным для разрешения экрана; однако почему-то это прошло. Заранее спасибо!

источник

2014-11-23 dspacejs

Создание живой jsfiddle/codepen пример, демонстрирующий проблему. Вероятно, вам нужно будет установить правильную ширину/переполнение/размер окна для всех родителей элемента. – hon2a

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

Если вы создаете живую демонстрацию, мы можем увидеть, какой код вызывает проблему. Трудно отладить скриншот. – hon2a

Если я верно вас понял, вы должны быть в состоянии сделать это в вашем CSS:

body { 
    width: /*the width you want*/; 
}

я, возможно, понял, что вы неправильно или, может быть, я не сделал!

Edit: Попробуйте добавить это к вашему <head>:

<meta name="viewport" content="width=device-width, initial-scale=1">

источник

2014-11-23 12:40:57 Villevillekulla

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

Как ограничить ширину страницы

ответ

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