2011-10-05 9 views
5

मुझे हाल ही में फ़ायरफ़ॉक्स में मीडिया क्वेरी के साथ अजीब व्यवहार दिखाई दे रहा है, और मैं सोच रहा था कि यह कौन कर रहा है (क्रोम और आईई 9 की तुलना में)।फ़ायरफ़ॉक्स 6/7 अधिकतम चौड़ाई हैंडलिंग: 320 पीएक्स मीडिया क्वेरी गलत है?

@media screen and (max-width:320px){ 
#sfWrapper{max-width:280px;font-size:0.625em;line-height:1.2em} 
#cpw_banner{display:none;visibility:hidden;} 
#cpw_content{width:100%;}#cpw_aside{width:100%;} 
} 

और फ़ायरफ़ॉक्स (ब्राउज़र का आकार बदलने, अधिकतम नोटिस प्रतीत नहीं होता है:। जबकि यह बड़ी स्क्रीन मीडिया के प्रश्नों के प्रति प्रतिक्रिया करता चौड़ाई 320px

मैं निम्नलिखित सीएसएस मिल गया है

इतना ही नहीं, लेकिन जब मैं ctrl + अक्सर एक खिड़की उस में शुरू होगा, जहां के रूप में क्रोम और इंटरनेट एक्सप्लोरर 9 ctrl पर नए मीडिया के प्रश्नों लागू नहीं है +/ctrl पर पर्याप्त का उपयोग करें -


कोई भी जानता है कि ctrl +/ctrl- और मीडिया प्रश्नों के संबंध में 'मानक' व्यवहार क्या है?

अग्रिम धन्यवाद ... जे

+0

एक्सटेंशन जो नेविगेशन बार को बढ़ाते हैं (उदाहरण के लिए, फायरबग, कलरज़िला, लास्टपास, ट्रस्ट वेब) इस समस्या को बहुत खराब करते हैं। इस समस्या से संबंधित तीन स्टैक ओवरफ़्लो प्रश्नों में मैंने जो सबसे सरल समाधान देखा है, वह नीचे @ जॉन-एस्पिनल से है। यह भी देखें http://stackoverflow.com/questions/10821329/why-does-firefox-have-a-min-width-minimum-of-615px और http://stackoverflow.com/questions/8286680/media-min- चौड़ाई-नहीं किया जा रहा है पर मान्यता प्राप्त-दर-फ़ायरफ़ॉक्स-8। –

उत्तर

6

Firefox में, अपने सटीक उपकरण पट्टी सेटअप के आधार पर, यह असंभव सामग्री क्षेत्र एक निश्चित चौड़ाई नीचे हटना के लिए हो सकता है। यदि आप एक लंबवत स्क्रॉलबार वाला एक पृष्ठ सेट अप करते हैं, तो आप उस न्यूनतम चौड़ाई से छोटी होने पर स्क्रॉलबार गायब होने लग सकते हैं। उस बिंदु पर, ब्राउज़र विंडो छोटी हो रही है, लेकिन पृष्ठ व्यूपोर्ट नहीं है। तो यदि आपके मामले में उस न्यूनतम चौड़ाई 320px से अधिक है, तो उपर्युक्त मीडिया क्वेरी कभी लागू नहीं होगी।

मुख्य बिंदु यह है कि मीडिया प्रश्न पृष्ठ व्यूपोर्ट चौड़ाई पर मेल खाता है, ब्राउज़र विंडो चौड़ाई नहीं।

इसके अलावा, मीडिया प्रश्न सीएसएस पिक्सल पर मेल खाते हैं, डिवाइस पिक्सेल नहीं। फ़ायरफ़ॉक्स में ज़ूमिंग डिवाइस पिक्सेल में एक सीएसएस पिक्सेल के आकार को बदलता है, इसलिए पेज व्यूपोर्ट आकार (जो डिवाइस पिक्सेल में तय होता है) सीएसएस पिक्सेल में बदल जाता है।

ज़ूम को क्या करना चाहिए इसका कोई मानक नहीं है।

+0

धन्यवाद! अच्छा होगा अगर हर कोई एक बदलाव के लिए ज़ूम को समान रूप से संभाला करता है ... – jbokkers

1

मैं 320px के लिए एक उत्तरदायी डिजाइन पर काम कर रहा हूं लेकिन फ़ायरफ़ॉक्स सिर्फ जवाब नहीं देगा।

मैंने पाया कि, किसी कारण से, यदि आप अपनी मीडिया क्वेरी 480px - (max-width:480px) पर सेट करते हैं - तो फ़ायरफ़ॉक्स वैसे भी मीडिया प्रश्नों को लागू करेगा।

7

मुझे नहीं पता कि प्रदान किए गए उत्तर को क्यों चुना गया है क्योंकि यह ओपी के प्रश्न का उत्तर नहीं देता है। फ़ायरफ़ॉक्स में नेविगेशन टूलबार की वजह से मीडिया क्वेरी 320 पिक्सल नहीं आग लगती है।

यदि आप इसे बंद करते हैं (देखें - टूलबार - नेविगेशन टूलबार और इसे अनचेक करें) तो मीडिया क्वेरी 320 पिक्सेल पर आग लग जाएगी।

+0

Euhm ... ठीक है, उसने क्या कहा? टूलबार सेटअप के आधार पर, व्यूपोर्ट 320px से कम नहीं हो सकता है और इसीलिए मीडिया क्वेरी आग नहीं आई है। शायद यह आपको स्पष्ट नहीं था, लेकिन मेरे लिए ओपी के रूप में मैं पूरी तरह से समझ गया कि बोरिस का मतलब क्या था, इसलिए उत्तर ध्वज ... जे। – jbokkers

+0

मैं मानता हूं कि यह उत्तर अधिक स्पष्ट और संक्षेप में है, हालांकि वे दोनों उपयोगी हैं क्योंकि मैं दोनों को उखाड़ फेंक दिया। बीटीडब्लू, आप विंडोज़ में एनएवी टूलबार को बहुत तेज़ी से टॉगल कर सकते हैं: बस एएलटी दबाएं और वी, टी, एन दबाएं। मै मैक (शायद कमांड) के लिए कुछ समान काम करता हूं। –

संबंधित मुद्दे