Изменение масштаба страницы HTML по умолчанию

Я разработал страницу, где кнопки выглядят хорошо, когда масштаб браузера составляет 90%, но по умолчанию другие пользователи просматривают его на уровне 100/125% + в своем браузере, что приводит к перекрытию кнопок и форм ввода.

Итак, я хочу установить значение масштабирования как 90% по умолчанию, когда загружается моя страница JSP.

Как мне это сделать? После того, как любая такая настройка может сделать страницу недоступной для просмотра? Или Есть ли лучшее решение для этого?

Ответ 1

Решил его следующим образом:

в CSS

#my{
zoom: 100%;
}

Теперь он по умолчанию масштабируется на 100%. Протестировав его, предоставив 290% масштабирования и загрузив этот коэффициент масштабирования по умолчанию, он подходит пользователю, если он хочет изменить масштаб.

Хотя это не лучший способ сделать это, есть еще одно эффективное решение

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

Ответ 2

В js вы можете изменить масштаб на

document.body.style.zoom="90%"

Но это не работает в FF http://caniuse.com/#search=zoom

Для ff вы можете попробовать

-moz-transform: scale(0.9);

И проверьте следующий раздел Как увеличить элемент HTML в Firefox и Opera?

Ответ 3

Лучшее решение - не сделать вашу страницу зависимой от настроек масштабирования. Если вы устанавливаете лимиты, как тот, который вы предлагаете, вы ограничиваете доступность. Если кто-то не может хорошо прочитать ваш текст, они просто не смогут его изменить. Я бы использовал правильный CSS, чтобы он выглядел красиво при любом масштабировании.

Если вы действительно настаиваете, взгляните на этот вопрос о том, как определить уровень масштабирования с помощью JavaScript (кошмар!): Как определить уровень масштабирования страницы во всех современных браузерах?