मैं हाल ही में एक उत्तरदायी वेबसाइट का निर्माण करता हूं। मैं उपयोग करता हूं ज़र्ब फाउंडेशन क्योंकि कुछ सलाह और लेख उत्तरदायी वेबसाइट को अधिक कुशल बनाने के लिए इसका सबसे अच्छा समाधान है। लेकिन समस्या, आईई 7+ के लिए फाउंडेशन डॉन "टी समर्थन का नया संस्करण, जैसा कि आप देख सकते हैं यहाँ, लेकिन मैं IE संस्करण के सभी के लिए मेरी वेबसाइट का समर्थन चाहते हैं। कुछ लोग पुराने फाउंडेशन (यानी श्लोक 3) का उपयोग करने के लिए सलाह देते हैं। लेकिन मुझे लगता है कि सबसे नया संस्करण सबसे अच्छा है।
मेरा प्रश्न, आईई के लिए नए फाउंडेशन (पद 4) का समर्थन करने के लिए कोई समाधान? मुझे सलाह की ज़रूरत है क्योंकि मैं यहाँ ढेर हूँ। धन्यवाद
उत्तर:
जवाब के लिए 9 № 1IE7 और IE8 के साथ समस्या यह है कि वे मीडिया प्रश्नों के समर्थन में नहीं बने हैं।
कुछ विकल्प हैं जो हो सकता है हालांकि आपकी मदद करें, क्रॉस-ब्राउज़र पॉलीफ़िल पुराने ब्राउज़र में मीडिया क्वेरी समर्थन जोड़ें।
दो सबसे लोकप्रिय हैं respond.js तथा css3-mediaqueries.js । मुझे दोनों के साथ सफलता मिली।
अपने पृष्ठ के प्रमुख में, आप ब्राउज़र का परीक्षण करते हैं और यदि आवश्यक हो तो इनमें से एक स्क्रिप्ट को लोड करते हैं।
मेरे द्वारा अतीत में किए गए तरीके या तो सशर्त टिप्पणियों के साथ हैं:
<!--[if (lt IE 9) & (!IEMobile)]>
<script src="path-to/respond.js"></script>
<![endif]-->
या उपयोग करके modernizr
Modernizr.load([
{
// The test: does the browser understand Media Queries?
test : Modernizr.mq("only all"),
// If not, load the respond.js file
nope : "/js/respond.js"
}
]);
दोनों तरीकों को आज़माने में काफी आसान है, और भले ही यह "इस विशिष्ट मामले में आपकी मदद नहीं करता है," आपको शायद उन्हें किसी अन्य साइट पर फिर से प्रयास करने का अवसर मिलेगा।
सौभाग्य!
जवाब के लिए 0 № 2
मैंने यह लिखा http://justthisguy.co.uk/responsive-sass-and-ie/ जो बूटस्ट्रैप का उपयोग करता है और सैस करता हैएक ie7 स्टाइलशीट उत्पन्न करें जो डेस्कटॉप दृश्य को डिफॉल्ट करता है। मैं कुछ बिंदु पर इसके एक आधार संस्करण पर काम करने जा रहा हूं। इसके परिणामस्वरूप सीएसएस नियमों का दोहराव होता है लेकिन कुछ ऐसा होता है https://github.com/addyosmani/grunt-uncss उस दोहराव को हटाने के लिए इस्तेमाल किया जा सकता है