捕捉时高分辨率显示会给出错误的视口(Surface Pro)

时间:2013-07-16 12:35:29

标签: windows-8 internet-explorer-10

我只需要在具有1920 * 1080显示分辨率的Surface Pro上测试IE10,其中“使文本和其他项目更大或更小”已设置为“大”。 在我的网站上,除了视口元标记之外,我还添加了CSS + JS视口修复,都要求宽度:设备宽度(加上我在@ -ms-viewport定义中添加了“min-width:320px;”确保它永远不会小于那个。)

我添加了一些javascript来显示window.screen.width和$(window).width的值,以查看浏览器最终在IE10中用于视口的内容,令我惊讶的是1920 * 1080分辨率的屏幕尺寸显示报告为1280x720!

现在,我可以忍受(就像小手机屏幕报告的320px宽度,无论它们的实际分辨率如何,因为它是一个很好的尺寸,可以在相同的字体大小的设备上使人类可读),但当' Metro IE10'被捕捉到屏幕的一侧,问题出现了:IE10尝试对网站进行320px渲染,但它会放大,因此隐藏了它的右侧。

我试过微软自己的测试页面:http://ie.microsoft.com/testdrive/Graphics/MakeItSnappy/ 它做了同样的事情 - 在Surface Pro上隐藏了右侧,你需要向左/向右拖动才能看到它,你甚至无法缩小以查看整个宽度! 但是,当我的笔记本电脑上使用“普通”1366x768显示器(渲染为100%)时,同样的东西也是如此,那么快照的IE10显示器具有完美的尺寸。

好吧,我猜这是微软Windows缩放错误 - 但我的问题是:是否还有其他人尝试将“将文字和其他项目变大或变小”更改为125%或150%并使网站正确适应?< / p>

1 个答案:

答案 0 :(得分:0)

从开发人员Matt Stow查看此修复程序

http://mattstow.com/responsive-design-in-ie10-on-windows-phone-8.html