元视口标记无法在窗口手机IE浏览器中工作

时间:2014-08-11 13:42:01

标签: javascript jquery html responsive-design windows-phone

检测我在下面脚本中使用的用户代理。似乎窗口电话忽略了元视口标记。有任何其他人遇到同样的问题。基本上我想缩小所有移动设备中的页面。

if(navigator.userAgent.match(/Android/i)
  || navigator.userAgent.match(/Windows Phone/i)
  || navigator.userAgent.match(/webOS/i)
  || navigator.userAgent.match(/iPhone/i)
  || navigator.userAgent.match(/iPod/i)
  || navigator.userAgent.match(/BlackBerry/i)
  || navigator.userAgent.match(/iemobile/i)) {
    document.write('<meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=0.25" />');

}

也尝试过:

|| navigator.userAgent.match(/Windows Phone/i)

navigator.userAgent工作我通过警报检查它,但是视口元和它的属性不起作用。虽然我添加了initial-scale = 0.25

,但我没有得到缩小页面

除了窗口电话之外,所有移动设备都会出现预期。

1 个答案:

答案 0 :(得分:0)

对于IE 10,您可以试试这个

if (navigator.userAgent.match(/IEMobile\/10\.0/)) {

并且初始比例仅适用于IE的纵向模式,请检查compactibality in quirksmode