iPhone कुंजीपटल वेब अनुप्रयोग

Question

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

Answer 1

आईओएस के साथ एक बग प्रतीत होता है और position:fixed; तत्व when using the virtual keyboards का प्रतिपादन प्रतीत होता है।

आप position:absolute; का उपयोग और देखते हैं कि यह समस्या ठीक होती करने के लिए अपने मॉडल को बदलने की कोशिश करनी चाहिए।

तुम भी User Agent Sniffing method here कोशिश कर सकते हैं।

Answer 2

यह किसी भी कोड देखे बिना कहना मुश्किल है, लेकिन शायद आप viewport meta टैग को जोड़ने की जरूरत है?

आप पहले से ही ऐसा नहीं किया है, तो यह प्रयास करें:

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