Программно уменьшить масштаб веб-страницы

Question

Мы создаем веб-приложение, которое отлично работает на 19-дюймовом экране (работает на Firefox как KIOSK) .Он включает в себя множество изображений и контента, размещенных вокруг этих изображений. Он отлично работал, пока мы не изменили устройство на 18,5-дюймовый экран. Теперь вокруг него есть полосы прокрутки. Содержимое и изображения не подходят. Нам нужно уменьшить масштаб Firefox, чтобы он полностью соответствовал экрану, но это не то, что мы хотим.

Есть ли способ увеличить все на странице до уровня, равного 90% от нормального размера. Так что нам не нужно вручную удалять Firefox?

Answer 1

Возможно, вы используете transform: scale(.9) на элементе body. Хотя в будущем я бы рекомендовал создать отзывчивый дизайн, используя вместо него медиа-запросы.

Это будет -moz-transform: scale(.9) для Firefox конкретно.

Answer 2

Физический размер монитора не имеет значения. Важно то, что разрешение отображается на этом экране. Узнайте, на что настроено разрешение старого экрана, и посмотрите, поддерживает ли новый экран тот же самый. Если это так, отлично, установите это на это. В противном случае вам может быть лучше переделать макет для работы не более чем с одним конкретным разрешением ...

Answer 3

Решение имеет 2 шага:

1. сделать все, кроме шрифтов гибкими. Например: таблицы, divs, меню.
2. Изменить размер шрифта.

Редактирование размера шрифта также делает сайт более крупным и мелким.