बूटस्ट्रैप आधारित विषय IE10

Question

http://metagraf.github.io में टूट सभी परीक्षण किया ब्राउज़र में अच्छी तरह से बर्ताव कर दिया गया है जब तक IE10 साथ आया था। जब IE10 में देखी शीर्ष मेनू पूरे पृष्ठ डालने कर रहा है। कैसे पेज IE10 में लग रहा है का एक स्क्रीनशॉट यहां देखा जा सकता: https://dl.dropboxusercontent.com/u/2897577/ie10.png इसे ठीक करने पर कोई भी विचार?

संबंध ऑस्कर

Answer 1

तो जब मैं आईई 10 में संबंधित साइट पर चलाने के लिए, हाँ वास्तव में, शीर्ष मेनू IE में गाड़ी दिखता है 10

समस्या का तत्काल स्रोत में img है नेवबार।

आप F12 मारा और IE के डेवलपर उपकरण पट्टी का उपयोग करें, और तो आप auto से img की width गुण सेट करता है, तो सिर्फ जा रहा है संयुक्त राष्ट्र जांच (ताकि auto नहीं रह गया है मूल्य, साइट अचानक दिखता है के सभी है कि ।?

img { 
    width: auto\9; 
    height: auto; 
    max-width: 100%; 
    vertical-align: middle; 
    border: 0; 
    -ms-interpolation-mode: bicubic; 
} 

ठीक है, तो दुनिया में क्या width: auto\9 0,123,516 है: सामान्य

मुद्दे की गहन जानकारी के लिए, यहाँ बूटस्ट्रैप में img के लिए css सेटिंगठीक है, ऐसा लगता है कि एक IE हैक है, लेकिन एक हैक कि IE पर लागू नहीं होता 10.

1. CSS \9 in width property
2. http://www.paulirish.com/2009/browser-specific-css-hacks/

तो त्वरित सुधार के रूप में, मैं तुम्हें एक बात लगता है navbarimg की चौड़ाई के बारे में सटीक है कि में img पर एक कस्टम css संपत्ति स्थापित करने के लिए किया जाएगा कर सकता है।