मैं एक वेब-पोर्टल का निर्माण कर रहा हूं, जो कई प्लेटफार्मों पर कार्यात्मक और सुंदर होना चाहिए। प्लेटफार्मों में से एक IOS सफारी है, और यह था कि मुझे एक समस्या का सामना करना पड़ा। मेरे कोड में मैंने दो फ़्लोटिंग बटन को एक div के नीचे की चौड़ाई और 100% की ऊँचाई के साथ संरेखित किया है। यह सब ठीक काम करता है और मेरे बटन ठीक उसी तरह दिखाई देते हैं जैसे वे पृष्ठ के निचले भाग पर होते हैं। हालाँकि जब मैं बटन को मोबाइल सफारी स्विच से पूर्ण दृश्य पर क्लिक करता हूँ और मेरे बटन नीचे की नौसेना पट्टी के पीछे छिपे होते हैं!
क्या सफारी मोबाइल के लिए सामान्य व्यवहार है जब उपयोगकर्ता स्क्रीन के निचले 10% में टैप करता है, तो विस्तारित मेनू दिखाने के लिए? इससे कैसे बचा जा सकता है?
इस gif में आप IOS सिम्युलेटर पर समस्या देख सकते हैं:
जैसा कि आप देख सकते हैं समस्या केवल तब होती है जब कोई बटन दृश्य के निचले 10% में होता है। यह सिर्फ एक सामान्य बटन है, मेरा कोड कई डेवलपर्स द्वारा ट्रिपल चेक किया गया था और इसमें कोई त्रुटि नहीं है।