Браузер масштабирует страницу до 125%

У меня дисплей с разрешением 2560х1440. Я заметил, что веб-страница, над которой я работаю, масштабируется до 125%. Итак, если для границы установлено значение 4 пикселя, на экране будет 5 пикселей. Это происходит в Opera, Chrome, Firefox, но не в Edge.

Я предполагаю, что это связано с настройками размера шрифта Windows (на моем компьютере установлено значение 125%).

Как отключить эту функцию с помощью кода CSS (или в теге meta в head?) или хотя бы в настройках браузера?

Образец кода:

<html>
    <head>
        <!-- it does not change anything -->
        <!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
    </head>
    <body>
        <div style="width: 10px; height: 10px; background-color: red;"></div>
    </body>
</html>

Полученные результаты:

Масштабирование браузера


html css opera
person apocalypse    schedule 21.02.2017    source источник
comment
Если возможно, создайте рабочий фрагмент или укажите ссылку на свою веб-страницу.   -  person Abhishek Pandey    schedule 21.02.2017
comment
Можете ли вы просто использовать масштабирование вашего браузера (например, Ctrl-минус дважды), чтобы уменьшить отображение содержимого браузера до 80% на этом сайте и уменьшить масштаб со 125% до 100%? Это быстрое и грязное решение, но если все, что вам нужно, это увидеть этот сайт в его родном разрешении, оно может сработать.   -  person Rob Wilkins    schedule 21.02.2017
comment
‹meta name=viewport content=width=device-width, initial-scale=1› вы включили этот метатег?   -  person Sahil Dhir    schedule 21.02.2017
comment
@RobWilkins: спасибо за совет, я им воспользуюсь, надеюсь, он не вызовет ошибок округления.   -  person apocalypse    schedule 21.02.2017
comment
@SahilDhir: да, это ничего не меняет (firefox, опера)   -  person apocalypse    schedule 21.02.2017
comment
@AbhishekPandey: готово   -  person apocalypse    schedule 21.02.2017
comment
У вашего устройства dppx больше 1?   -  person Mr Lister    schedule 21.02.2017
comment
Если 125% — это то, что хочет видеть ваш пользователь, вы не должны навязывать ему другое разрешение. Подумайте о 80-летних людях, которые носят толстые очки ;)   -  person Christian Gollhardt    schedule 21.02.2017
comment
@MrLister: Извините, я не понимаю. Это Делл U2515H. Спецификации говорят, что у него 117 dpi. Как я знаю из некоторых руководств по WPF, Windows использует базовое разрешение 96 dpi (?). Итак, 96/117 = ~ 1,21. Теперь я снова протестировал коэффициент масштабирования с квадратом 100x100 пикселей, и он рисует квадрат 120x120. Итак, я ошибся в названии, это действительно 120%, а не 125%.   -  person apocalypse    schedule 21.02.2017

Ответы (1)


arrow_upward
1
arrow_downward

Наконец я нашел ответ.

Для Firefox: https://stackoverflow.com/a/24958483/6552578

Chrome: https://productforums.google.com/forum/#!topic/chrome/_jmREHlt3ZE

Решение — нужно отредактировать ссылку рабочего стола на Chrome следующим образом:

"C:\Program Files\Google\Chrome\Application\chrome.exe"  /force-device-scale-factor=1
person apocalypse    schedule 21.02.2017