Internet Explorer 11, фантастически лежащий около пикселей

Question

На http://quizdash.co.uk/ Internet Explorer получил ОГРОМНУЮ ошибку: он масштабирует содержимое сайта на весь экран, но на панели девелопмента он говорит, что контент не масштабируется и имеет оригинальный размер.

http://storage2.static.itmages.com/i/16/0201/h_1454300006_8737908_ad9e854b85.png

Конечно, вариант шкалы = 100%.

Другие браузеры показывают сайт правильно.

Является ли эта недокументированная функция современного IE? Могу ли я использовать css/html, чтобы IE не масштабировал сайт?

Answer 1

Это не ошибка в IE или недокументированная функция.

В вашем vendor.css появится следующий CSS:

@-ms-viewport{width:10in;zoom:1;initial-scale:1;max-zoom:1} 

@-o-viewport{width:10in;zoom:1;initial-scale:1;max-zoom:1} 

@viewport{width:10in;zoom:1;initial-scale:1;max-zoom:1} 

Это вызывает страницу для масштабирования с просмотром. Единственными браузерами, поддерживающими @viewport, являются IE и Opera Mini, поэтому страница будет масштабироваться только в этих браузерах. Что касается CSS, страница отображается правильно в IE, а не в других браузерах, поэтому ваше утверждение о том, что другие браузеры показывают сайт правильно, неверно. Однако я не могу прокомментировать, является ли IE «ложью» относительно вычисленных размеров пикселей, потому что я не знаю, как масштабирование видового экрана должно влиять на вычисленные значения.

Если вы не хотите, чтобы страница масштабировалась с помощью окна просмотра, не используйте @viewport.