мой веб-сайт увеличен с помощью Chrome и Firefox на Windows.Это происходит потому, что у меня для Windows Display установлено значение Medium-125%, а в Chrome и Firefox есть эта ужасная функция регулировки масштаба сайтов в соответствии с этим выбором.Таким образом, несмотря на то, что браузеры Zoom имеют значение 100%, веб-сайты отображаются как 125%.
Я использовал следующий фрагмент кода, чтобы быть уверенным в происходящем, и да, с включенными Chrome и FirefoxWindows, у меня в браузере зум на 100% и на выходе получается 125. И если я уменьшу зум в браузере до 80%, результат будет 100, и страница будет выглядеть так, как должна.
var browserZoomLevel = Math.round(window.devicePixelRatio * 100)
alert(browserZoomLevel)
Сейчас:
- Я не хочу менять свой дисплей Windows на Меньше-100%, иначе все значки будут очень маленькими, и я не хочу заставлять будущих пользователей моеговеб-сайт, чтобы изменить это также, это не имело бы смысла!
- Я не хочу заставлять будущих пользователей переходить к их конфигурации браузера и изменять это, чтобы избежать этого автоматического увеличения, это не имело бы смысла!
- Добавление
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> на мой сайт <head> не работает.
Мне нужно, чтобы сайт отображался как 100%, а не 125%.Итак, я хочу, чтобы веб-сайт игнорировал эту конфигурацию Windows, не выполняя приведенных выше рекомендаций (в пунктах), я бы предпочел использовать CSS или js для этого.Или, в худшем случае, для пользователей с Windows Display, установленным на Medium-125%, я хочу, чтобы браузер настроил Zoom 80%.
Я уверен, что многие люди сталкивались с этой проблемой, но я нене могу найти решение, чтобы решить его.
Кто-нибудь может мне помочь?