2012-11-18 14 views
5

मेरे पास HTML और CSS के संदर्भ में तुलनात्मक रूप से सरल वेबसाइट है और यह डेस्कटॉप ब्राउज़र (IE9/क्रोम) में ठीक दिखता है। लेकिन जब मैं विंडोज फोन में इंटरनेट एक्सप्लोरर में इसे देखने के 7.5 यह बहुत बड़ा या किसी कारण से छोटे अव्यवस्थित सूचियों के अंदर का पाठ बनाने के लिए,विंडोज फोन 7.5 पर इंटरनेट एक्सप्लोरर में बॉडी एलिमेंट के मार्जिन को लागू करते समय मेरे फ़ॉन्ट-आकार इतने गड़बड़ क्यों हो गए हैं?

यहाँ कोड है कि अजीब परिणाम

<!DOCTYPE html> 
<head> 
<style type="text/css"> 
body { 
    margin: 0px 0px; 
} 
h1 { 
    font-size: 250%; 
} 
h2 { 
    font-size: 150%; 
} 
h3 { 
    font-size: 120%; 
} 
</style> 
</head> 
<body> 

    <h1>H1 header</h1> 
    <h2>H2 header</h2> 
    <h3>H3 header</h3> 
    <p>Some paragraph text</p> 
    <ul> 
    <li>List item 1</li> 
    <li>List item 2</li> 
    </ul> 

</body> 
</html> 

एक नजर डालें उत्पादन होता है लगता है li टेक्स्ट के आकार पर, यह पी टैग का आकार होना चाहिए लेकिन यह छोटा है। इस फ़ाइल का एक संस्करण के लिए ऑनलाइन देख this link here

मैं body पर और एक div पर margin संपत्ति के लिए नीचे यह संकुचित है, अगर इन दोनों में से तो स्थापित कर रहे हैं पाठ अनुपात पागल हो। ऐसा क्यों होता है? क्या यह एक बग है? मैं इसके आसपास काम कर सकता हूं लेकिन मेरे लिए अलग-अलग बच्चों की तुलना में किसी कंटेनर पर मार्जिन सेट करना कहीं अधिक सुविधाजनक है

उत्तर

8

लगता है कि विंडोज फोन 7 के लिए इंटरनेट एक्सप्लोरर मोबाइल सामग्री को अनुकूलित करने के लिए किसी प्रकार का फ़ॉन्ट-आकार बदलने पर लागू होता है, लेकिन यह कम से कम मेरी साइट को खराब कर देता है, this PDF 'Windows Explorer Mobile for Windows Phone 7 देखें जो संक्षेप में बताता है।

इस व्यवहार को रोकने के लिए, सीएसएस

html { 
    -ms-text-size-adjust: none; 
} 
+0

वाह, एक lifesave के इस बिट शामिल! – cleong