2015-10-09 11 views
13

मुझे इसके लिए कामकाज नहीं मिल रहा है।आईओएस 9 मोबाइल सफारी परिदृश्य सीएसएस बग स्थिति के साथ: पूर्ण नीचे: 0

मोबाइल सफारी में ios9 पर, एक webapp position:absolute और पूरे स्क्रीन को कवर करने के लिए सामग्री क्षेत्र, जब landscape mode में सफारी नेविगेशन पट्टी सामग्री के निचले हिस्से को कवर किया जाएगा और आप इसे आगे स्क्रॉल नहीं कर सकते हैं के लिए bottom:0 का उपयोग करता है - यह करता है चित्र में ब्लॉक नहीं है।

  1. पोर्ट्रेट मोड तब भी जब नेविगेशन पट्टी नहीं है, ठीक है
  2. यह है नहीं एक ओरिएंटेशन परिवर्तन बग, होता पेज परिदृश्य में शुरू किया गया है, तो
  3. बग नहीं होता है, तो वेब पेज होमस्क्रीन पर जोड़ा जाता है, परिदृश्य और सामग्री में सही काम करता है (क्योंकि नेविगेशन नहीं है)

तो सफारी को bottom:0 चित्र में सही क्यों है लेकिन परिदृश्य नहीं है?

+0

विश्वास नहीं कर सकता कि इस में अभी तक कोई भी नहीं चल रहा है - अच्छी पुरानी सफारी! –

उत्तर

7

html तत्व जादुई तय पर position:fixed की स्थापना इस

html { position:fixed; width:100%; height:100%; overflow:hidden; }

यकीन नहीं क्यों, लेकिन एक प्रतिपादन बग कि किसी कारण fixed लिए चारों ओर

fixed कार्यों में भी परिदृश्य में फ़ॉन्ट आकार बदलें होना चाहिए लेकिन मैं इसके आसपास भी काम कर सकता हूं

+0

यह मेरे लिए और हमारी स्थिति में काम करता था। भले ही यह दूसरों के लिए काम न करे। – NielsH

+2

ग्रेट सॉल्यूशन! इस कई घंटों से अटक गया था। – gMirian

+0

अब और काम नहीं करता है। –

2

मुझे एक ही समस्या थी, अगरमें अभिविन्यास परिवर्तन पर मैं बस $('meta[name="viewport"]') खोजने और अपने content बदल कर भी इस कर रहा हूँ

width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no 

:मोड, करने के लिए अपने viewport मेटा बदल जाते हैं।

संबंधित मुद्दे