高 DPI 支持

Internet Explorer 11 针对高 DPI 屏幕和小型平板电脑提供了增强的缩放功能,从而确保 Windows 8.1 设备上网站文本、触摸目标以及布局的一致性。 特别是,IE11 引入了以下高 DPI 改进。

要点  除了 devicePixelRatio 属性外,此处列出的功能在 Windows 7 上的 IE11 中不受支持。

支持 devicePixelRatio 属性

尽管自带有 deviceXDPIdeviceYDPI 属性的 Microsoft Internet Explorer 6 以来提供了设备分辨率(也可以通过自 Windows Internet Explorer 9 开始的“媒体查询 resolution”获取),“devicePixelRatio”属性已迅速成为 Web 上使用的 de-facto 标准。IE11 添加了对此属性的支持,提供物理设备像素与进行了 DPI 调整的逻辑 CSS 像素之间的比率。使用早期版本的 IE,必须执行以下公式才能获取此相同值:

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

比例系数选择改善

IE11 已改进了用于确定最优比例系数的逻辑,合并了观看距离考虑事项、多种默认比例系数选择以及多种其他变量。

使用 IE11,采用新的 Windows UI 中的 Internet Explorer 和桌面版 Internet Explorer 对于较大范围的默认比例系数的支持相同。在跨不同的设备外形尺寸和屏幕分辨率以一致方式观看网站方面,OEM 和 Windows 8.1 客户有了更大的灵活性。

缩放级别设置100%125%150%175%200%250%300%
IE10XXXXX
桌面版的 IE10XXX
IE11XXXXXXX
桌面版的 IE11XXXXXXX

 

多个监视器支持

因为 Windows 8 使用单一 DPI 设置,所以,如果你使用具有不同 DPI 的多个监视器,就会在至少一台监视器上得到次优比例系数。IE11 添加了按监视器的缩放支持,这样当你在不同监视器之间拖动窗口时,Web 内容会自动缩放到正确的级别。这在从高 DPI 设备投影时特别有用,因为投影仪通常采用低 DPI 显示器。

统一的视觉缩放模型

Windows Internet Explorer 8 和 Internet Explorer 9 使用“布局缩放”模型处理所有缩放,该模型缩放除视区宽度之外的所有内容的大小,并使用内容的新的较大大小重新计算页面布局。Internet Explorer 10 添加了一种替代性的简单缩放模型,即“视觉缩放”,该模型仅缩放原始的 100% 布局(因而避免了页面的重新布局)。

使用 IE11,现在所有缩放都使用视觉缩放处理,使跨缩放方案(如缩放菜单收缩缩放键盘/鼠标快捷方式贴靠视图@-ms-viewportmsContentZoomFactor)的体验更简单,可预测性更强。

兼容性注意

如果你的网站仍在使用传统文档模式(特别是,针对 Internet Explorer 9 或更早版本的文档模式),则 Windows 8.1 上的 IE11 将使用自然文本指标来呈现你的站点,以避免常见于采用非 100% 缩放级别的传统文档模式的前端呈现中的常见故障(例如内核支持降级)。

如果希望退出此默认行为,则可以使用以下 HTTP 头或 <meta> 标记:


X-UA-TextLayoutMetrics: gdi


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

有关详细信息,请参阅传统文档模式下的视觉缩放

 

 

显示:
© 2014 Microsoft