विंडोज फोन 8 व्यूपोर्ट पर आईई 10 को ठीक करें - सीएसएस-ट्रिक्स

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); ) ))();

त्वरित बैकस्टोरी

IE 10 (डेस्कटॉप) के लिए यह नया "स्नैप मोड" में काम करने के लिए आपको इसका उपयोग करने की आवश्यकता है:

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

लेकिन यह कुछ विंडोज फोन 8 फोन पर शिकंजा करता है, मेटा व्यूपोर्ट टैग को ओवरराइड करता है और छोटे स्क्रीन पर बहुत बड़ा होता है। तो, जवाब है, अभी के लिए, इस gnarly डिवाइस का पता लगाने / इंजेक्शन स्क्रिप्ट है।

लंबे समय तक बैकस्टोरी

  • मैट स्टोव: विंडोज फोन 8 पर IE10 में उत्तरदायी डिजाइन
  • टिम कडलेक: विंडोज फोन 8 और डिवाइस-चौड़ाई