वास्तविक उत्तरदायी डिवाइस मोड

Question

आप सोच सकते हैं कि डिवाइस की चौड़ाई में iframe की चौड़ाई को बदलने से डिवाइस एमुलेटर की तरह ही काम करता है, लेकिन वास्तव में यह नहीं। यहां एक मामला है: यदि आप 320px की चौड़ाई के साथ iframe में pages.github.io लोड करते हैं, तो आपको मिलेगा: <आईएमजी चौड़ाई = "359" ऑल्ट = "स्क्रीन शॉट 2018-04-09 4 44 24 बजे पर" src="https://user-images.githubusercontent.com/331833/38528599-4c6ef62c-3c15-11e8-97e6-6c2bf2448da5.png"> आप इसे स्वयं आज़मा सकते हैं: यदि आप pages.github.io पर जाते हैं और क्रोम के devtools...

nojacko · Accepted Answer

min-device-width आदि के बजाय min-width के साथ अपना सीएसएस बनाएं... और यह सब अच्छा है।

tommedema · Answer

@nojacko यह मानता है कि सीएसएस पर मेरा नियंत्रण है। ऐसा नहीं है ;)

साथ ही, उपरोक्त उदाहरण min-device-width का उपयोग नहीं करता है . यह बस width: 900px का उपयोग करता है . छोटे उपकरण तदनुसार स्केल करने के लिए पर्याप्त स्मार्ट हैं। इसलिए एक वास्तविक उत्तरदायी मोड भी ऐसा ही करेगा।

artf · Answer

सुझाव के लिए धन्यवाद @tommedema लेकिन वर्तमान में मुझे इस तरह के सुधार पर काम करना शुरू करने में कोई मूल्य नहीं दिखता है, यदि आप एक उत्तरदायी टेम्पलेट बनाना चाहते हैं तो वर्तमान कार्यान्वयन काम करता है और यह वास्तव में मायने रखता है। BTW यदि आप वास्तव में इस पर काम करना चाहते हैं तो पीआर का स्वागत है :)

वास्तविक उत्तरदायी डिवाइस मोड

प्रश्न

जवाब (3)

संबंधित प्रश्न और उत्तर

@keyframes पार्स करने का प्रलेखित तरीका काम नहीं करता है

अपरिभाषित के गुणों को नहीं पढ़ सकता ('uploadFile' पढ़ना)

घटक को छोड़ने के ठीक बाद खोले जाने पर आरटीई `activeOnRender` गलत जगह पर रखा गया

Iframe को ताज़ा करने में असमर्थ

सशुल्क प्लगइन्स जो इस समस्या से मेल खाते हैं

ब्राउज़ प्लगइन श्रेणियाँ