Как установить HTML-страницу в $ webcontainer без горизонтальной прокрутки

Question

Я занимаюсь разработкой приложения на основе jasonette. Я использую $ webcontainer, такой как браузер по умолчанию, но у меня проблема с горизонтальными границами.

Я добавил внедренный скрипт с метатегом:

document.getElementsByTagName('head')[0].insertAdjacentHTML('beforeend', '<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0">');

Но это не так, как я хочу. Я проверяю эту страницу в браузере Chrome по умолчанию, он показывает нормально.

Answer 1

1. Откройте страницу в режиме конструктора, в которой вы хотите скрыть горизонтальную полосу прокрутки.
2. Нажмите Страница> Свойства страницы.
3. Перейдите на вкладку Метаданные.
4. Вставьте следующий код в HTML для заголовка. Нажмите кнопку ОК.

Вы можете использовать свойство CSS с именем «переполнение» и установить для него значение «auto». Это добавит как вертикальную, так и горизонтальную полосы прокрутки. Если вы хотите вертикальную полосу прокрутки, добавьте 'overflow-y' в тело вашего html.

После создания нескольких из них и борьбы с неожиданными ошибками в процессе QA, я хотел бы найти один раз и длявсе о том, как создать горизонтальный скроллер с минимальным кодом, который работал бы должным образом на всех типах устройств.