区分window8中 ie10 window phone8

Internet Explorer 10 并没有对 屏幕的宽度 和 视口（viewport）的宽度 进行区分

 

@-webkit-viewport   { width: device-width; }

@-moz-viewport      { width: device-width; }

@-ms-viewport       { width: device-width; }

@-o-viewport        { width: device-width; }

@viewport           { width: device-width; }

 

 

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

  var msViewportStyle = document.createElement('style')

  msViewportStyle.appendChild(

    document.createTextNode(

      '@-ms-viewport{width:auto!important}'

    )

  )

  document.querySelector('head').appendChild(msViewportStyle)

}

 

http://timkadlec.com/2013/01/windows-phone-8-and-device-width/