Поддержка высокого разрешения

В Internet Explorer 11 появились новые возможности масштабирования для экранов с высоким разрешением и малых планшетов, обеспечивающие единообразное представление макета, текста веб-сайтов и элементов, выбираемых касанием, на разных устройствах под управлением Windows 8.1. В частности, в Internet Explorer 11 появились следующие возможности работы с высоким разрешением.

Важно  За исключением свойства devicePixelRatio перечисленные здесь функции не поддерживаются браузером IE11 в Windows 7.

Поддержка свойства devicePixelRatio

Разрешение устройства было доступно еще в Microsoft Internet Explorer 6 через свойства deviceXDPI и deviceYDPI (а также — начиная с Windows Internet Explorer 9 — при помощи запросов носителя resolution), но свойство devicePixelRatio быстро стало стандартом де-факто во всем Интернете. В Internet Explorer 11 добавлена поддержка этого свойства, которое представляет отношение числа физических пикселей устройства к числу логических пикселей CSS с учетом числа точек на дюйм. В предыдущих версиях Internet Explorer было необходимо рассчитывать это значение по следующей формуле:

window.devicePixelRatio = window.screen.deviceXDPI / window.screen.logicalXDPI

Улучшенный выбор коэффициента масштабирования

В Internet Explorer 11 усовершенствована логика определения оптимального коэффициента масштабирования: учитывается дистанция просмотра, доступен более широкий выбор стандартных коэффициентов масштабирования и ряд других переменных.

Начиная с IE11 Internet Explorer с новым пользовательским интерфейсом Windows и классический браузер Internet Explorer одинаково поддерживают намного более широкий диапазон стандартных коэффициентов масштабирования. Изготовители оборудования и пользователи Windows 8.1 получают больше возможностей одинаково оптимального отображения веб-сайта на устройствах различных форм-факторов с разным разрешением экрана.

Параметры масштаба100 %125 %150 %175 %200 %250 %300 %
Internet Explorer 10XXXXX
Классический браузер Internet Explorer 10XXX
Internet Explorer 11XXXXXXX
Классический браузер Internet Explorer 11XXXXXXX

 

Поддержка нескольких мониторов

Поскольку в Windows 8 используется фиксированное число точек на дюйм, при подключении нескольких мониторов с разными разрешениями по меньшей мере на одном из них коэффициент масштабирования окажется неоптимальным. Internet Explorer 11 поддерживает раздельное масштабирование для каждого монитора, и веб-содержимое автоматически масштабируется до нужного уровня, когда окно перетаскивается между мониторами. Это особенно удобно при подключении проекторов к устройствам с высоким разрешением, поскольку проекторы обычно имеют низкое разрешение.

Единая модель визуального масштабирования

Windows Internet Explorer 8 и Internet Explorer 9 обрабатывают любое масштабирование с помощью модели масштабирования макета: изменяются все размеры, кроме ширины окна просмотра, и заново рассчитывается макет страницы с новым, более крупным размером содержимого. В Internet Explorer 10 была добавлена альтернативная упрощенная модель масштабирования, визуальное масштабирование, в которой исходный макет с масштабом 100 % просто сжимался или растягивался без перерасчета макета страницы.

В Internet Explorer 11 все операции масштабирования теперь обрабатываются по модели визуального масштабирования. В результате упрощается и становится более предсказуемой работа с различными сценариями масштабирования (такими как меню масштабирования, масштабирование сжатием, сочетания клавиш и действия мышью, режим прикрепления, @-ms-viewport и msContentZoomFactor).

Замечания о совместимости

Если на вашем сайте по-прежнему используется устаревший режим документов (особенно режим документа для Internet Explorer 9 и более ранних версий), Internet Explorer 11 в Windows 8.1 будет отображать такой сайт, используя натуральные метрики текста. Это делается для того, чтобы избежать распространенных сбоев при отображении шрифтов (например, ухудшения поддержки межбуквенных интервалов), которые типичны для устаревших режимов документов на масштабах, отличных от 100 %.

Отказаться от такого поведения по умолчанию позволяет следующий заголовок HTTP или тег <meta>:


X-UA-TextLayoutMetrics: gdi


<meta http-equiv="X-UA-TextLayoutMetrics" content="gdi" />

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

 

 

Показ:
© 2014 Microsoft