मोबाइल में सीएसएस उत्तरदायी डिज़ाइन uc ब्राउज़र और ओपेरा मिनी

Question

पर काम नहीं कर रहा है यूसी और ओपेरा मिनी ब्राउज़र पर उत्तरदायी वेबसाइट ठीक से काम नहीं कर रही है (हमने उत्तरदायी डिजाइन के लिए मीडिया क्वेरी का उपयोग किया है)।

css responsive design in mobile is not working

responsive website design is not working on mobile phone

लेकिन कोई सफलता: मुझे लगता है मैं कुछ लिंक पाया उसके चारों ओर की खोज। किसी भी मदद की सराहना की होगी .... धन्यवाद

अद्यतन

हम गूगल नेक्सस -5 पर देख रहे हैं।

वेबसाइट Google क्रोम पर ठीक से काम करती है लेकिन यूसी और ओपेरा मिनी ब्राउज़र पर नहीं।

हम अपने html में मेटा टैग नीचे का उपयोग कर रहे

वेबसाइट को लाइव है आप पर मोबाइल डिवाइस की जाँच करें (ब्राउज़र: यूसी और ओपेरा मिनी)

https://www.urbanbinge.com/#!/

Answer 1

ओपेरा मिनी और यूसी ब्राउज़र है जावास्क्रिप्ट के लिए आंशिक समर्थन और यह 3 डी ट्रांज़ॉर्मेशन का समर्थन नहीं करता है जो उत्तरदायी मेनू के लिए उपयोग किया जाता है जैसे कि फाउंडेशन और बूटस्ट्रैप फ्रेमवर्क द्वारा उपयोग किया जाता है (क्योंकि इन ब्राउज़रों को उनकी संगत सूची में भी उल्लेख नहीं किया गया है)। इसके अलावा वे gifs लोड नहीं करते हैं, आपको इसके स्थान पर svg छवियों का उपयोग करना होगा क्योंकि दोनों लोड होने से पहले अपनी संपत्तियों को संपीड़ित करते हैं जो अन्य ब्राउज़रों की तुलना में इसे अधिक तेज़ी से बनाते हैं।

आप ओपेरा मिनी और यूसी ब्राउज़र क्रमशः के लिए लिंक नीचे देख सकते हैं:

https://dev.opera.com/articles/opera-mini-content-authoring-guidelines/

http://forum.ucweb.com/forum.php?mod=viewthread&tid=871055

आप ठीक कर सकते हैं कि दोनों ब्राउज़र का पता लगाने और jQuery मोबाइल के साथ HTML का उपयोग करके इसे ठीक करके।

आशा है कि यह आपकी मदद करेगा।

Answer 2

यदि बैबेल का उपयोग प्रतिक्रिया-परिवर्तन-निकालने-इनलाइन-तत्वों के प्रतिक्रिया प्रीसेट के साथ किया जाता है तो आपका जावास्क्रिप्ट मोबाइल यूसी ब्राउज़र में नहीं चलेगा। क्रियासोफ्ट द्वारा प्रतिक्रिया-स्टार्टर-किट का उपयोग करते समय मुझे यह समस्या मिली।