我刚刚在具有 1920*1080 显示分辨率的 Surface Pro 上测试 IE10,其中“使文本和其他项目变大或变小”已设置为“大”。在我的网站上,除了 viewport 元标记之外,我还添加了 CSS+JS 视口修复,所有这些都要求 width: device-width (另外我在@-ms-viewport 定义中添加了一个“min-width: 320px;”确保它永远不会小于这个值)。
我添加了一些 javascript 来显示 window.screen.width 和 $(window).width 的值,以查看浏览器最终在 IE10 中用于视口的内容,令我惊讶的是报告了 1920*1080 分辨率显示的屏幕尺寸作为1280x720!
现在,我可以忍受这一点(就像小手机屏幕报告 320 像素宽度一样,无论其实际分辨率如何,因为它是一个很好的尺寸,可以让相同字体大小的内容跨设备人类可读),但是当“Metro IE10”贴到屏幕的一侧,问题来了:IE10试图对网站进行320px的渲染,但是它放大了,所以它的右侧被隐藏了。
我试过微软自己的测试页面: http: //ie.microsoft.com/testdrive/Graphics/MakeItSnappy/ 它做同样的事情 - 在 Surface Pro 上,右侧是隐藏的,你需要向左/向右拖动才能看到它,您甚至无法缩小以查看全宽!但是,当在我的笔记本电脑上尝试使用“普通”1366x768 显示屏(呈现为 100%)时,折断的 IE10 显示屏具有完美的尺寸。
好的,我想这是 Microsoft Windows 缩放错误 - 但我的问题是:是否有其他人尝试将“使文本和其他项目更大或更小”更改为 125% 或 150% 并使网站正确适应?