IE10 & 11桌面的视图端口，但不是移动的
我建立了很多响应网站。我想支持IE10和IE11的快照模式，但是我不能完全支持Windows 8。这是我目前在CSS中使用的代码：
@media screen and (max-width:400px) {
@-ms-viewport{
width: device-width;
}
}它的工作正常，但如果IE10/11没有被点击到最小的位置，该网站显示为放大。如果我去掉了媒体查询，它会在桌面和平板电脑上正确显示IE10/11，但在Windows 8上显示为IE10移动桌面站点。有办法解决这个问题吗?还是我只支持If 10/11的快照模式的一半？
截图：
使用媒体查询，Windows 8：
使用媒体查询Windows Phone 8：
没有媒体查询，Windows 8：
没有媒体查询，Windows Phone 8：
回答 1
Stack Overflow用户
发布于 2013-10-29 14:48:19
这是否与Bootstrap文档中概述的问题相同？如果是这样的话，getbootstrap.com/docs/3.3/getting-started/#support-ie10-width有一个JS修复。从现场：
Windows Phone 8和10 Internet 10没有区分设备宽度和视口宽度，因此没有正确地应用Bootstrap的CSS中的媒体查询。为了解决这个问题，您可以选择包括下面的CSS和JavaScript来解决这个问题，直到微软发布修复程序。 @-webkit-视口{宽度:设备宽度；}@-moz-视图端口{宽度:设备宽度；}@-ms-视图端口{宽度:设备宽度；}}@-o-视图端口{宽度:设备宽度；}@视图端口{宽度:设备宽度；}@视图端口{宽度:设备宽度；} document.getElementsByTagName("head").appendChild(msViewportStyle) }如果(navigator.userAgent.match(/IEMobile\/10.0/)) { var msViewportStyle = document.createElement("style") msViewportStyle.appendChild(“@-ms-视图端口{宽度:auto！msViewportStyle}”)) 有关更多信息和使用指南，请阅读Windows Phone 8和设备宽度。
https://stackoverflow.com/questions/19659053
复制相似问题
腾讯云开发者
