Sửa lỗi IE 10 trên Windows Phone 8 Viewport - Thủ thuật CSS

Anonim 
(function() ( if (navigator.userAgent.match(/IEMobile\/10\.0/)) ( var msViewportStyle = document.createElement("style"); msViewportStyle.appendChild( document.createTextNode("@-ms-viewport(width:auto!important)") ); document.getElementsByTagName("head")(0).appendChild(msViewportStyle); ) ))();

Cốt truyện nhanh

Để IE 10 (máy tính để bàn) hoạt động ở “chế độ chụp nhanh” mới, bạn cần sử dụng điều này:

@-ms-viewport ( width: device-width; )

Nhưng điều đó làm hỏng một số điện thoại Windows Phone 8, ghi đè thẻ meta viewport và hiển thị quá lớn trên màn hình nhỏ. Vì vậy, câu trả lời, bây giờ, là tập lệnh tiêm / phát hiện thiết bị gnarly này.

Cốt truyện dài hơn

  • Matt Stow: Thiết kế đáp ứng trong IE10 trên Windows Phone 8
  • Tim Kadlec: Windows Phone 8 và Chiều rộng thiết bị