एक आईफ्रेम में एक उत्तरदायी साइट लोड हो रहा है

मेरे पास एक आईफोन की एक छवि है जो 400x760 है। छवि के भीतर मैं एक आईफ़्रेम के साथ एक उत्तरदायी साइट लोड कर रहा हूँ। यह सब बहुत अच्छा काम करता है, सिवाय इसके कि अगर आईफ़्रेम की सामग्री मुश्किल से पठनीय है तो यह बहुत ज़ूम आउट लगती है, इसलिए पृष्ठ उत्तरदायी होने पर यह वास्तविक फोन पर ऐसा नहीं लगता है। मैंने अब तक निम्न कोशिश की: मैंने एक सीएसएस वर्ग बनाया और ज़ूम बहुत बढ़ाया, और यह काम करता है। यह साइट मोबाइल डिवाइस पर दिखती है। लेकिन ज़ूम फ़ायरफ़ॉक्स और अन्य ब्राउज़रों में काम नहीं करता है। मैं उत्तरदायी साइट के लिए jQuery मोबाइल का उपयोग कर रहा हूँ।

.mobile_zoom .ui-content,
.mobile_zoom .ui-header-fixed-logo,
.mobile_zoom .icon-settings,
.mobile_zoom .icon-search,
.mobile_zoom .ui-footer                                    {zoom: 370%;}
0
stackoverflow.com/questions/10278783/what- करता है-ज़ूम-डू-इन-सीएस और zwnj; एस (जबकि यह स्वीकार किए गए उत्तर के बाद से कुछ समय हो गया है, यह अभी भी मान्य है - एफएफ में ज़ूम का कोई समर्थन नहीं है, आप इसे ट्रांसफॉर्म का उपयोग करके अनुकरण कर सकते हैं ओपेरा के साथ)
जोड़ा लेखक eithed, स्रोत

1 उत्तर

आपको अपने iframed HTML पृष्ठ पर <meta> टैग की आवश्यकता हो सकती है:

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

यह ब्राउज़र को डिवाइस की चौड़ाई पर पृष्ठ प्रस्तुत करने के लिए बताना चाहिए।

1
जोड़ा
धन्यवाद @ मैट एंड्रयूज
जोड़ा लेखक elodev, स्रोत