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

Имам дисплей с резолюция 2560x1440. Забелязах, че уеб страницата, върху която работя, е мащабирана до 125%. Така че, ако рамката е зададена на 4px - тя има 5px на екрана. Случва се в 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
Можете ли просто да използвате мащабирането на вашия браузър (напр. Control-минус два пъти), за да намалите показването на съдържанието на браузъра до 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, opera)   -  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: Съжалявам, не разбирам. Това е DELL 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