Επιδιόρθωση IE 10 στο Windows Phone 8 Viewport - 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); ) ))();

Γρήγορη ιστορία

Για να λειτουργήσει το IE 10 (επιτραπέζιος υπολογιστής) σε αυτό το νέο "snap mode" πρέπει να το χρησιμοποιήσετε:

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

Αλλά αυτό βλάπτει ορισμένα τηλέφωνα Windows Phone 8, παρακάμπτοντας την ετικέτα θύρας μετα-προβολής και καθιστώντας υπερβολικά μεγάλη σε μικρές οθόνες. Έτσι, η απάντηση, προς το παρόν, είναι αυτό το σενάριο εντοπισμού / έγχυσης συσκευών.

Μακρύτερη ιστορία

  • Matt Stow: Σχεδιασμός απόκρισης στο IE10 σε Windows Phone 8
  • Tim Kadlec: Windows Phone 8 και Device-Width