पृष्ठभूमि आकार: कवर एंड्रॉइड मूल ब्राउज़र में काम नहीं कर रहा है

Question

मैं background-size:cover का उपयोग कर अपने कंटेनर में पृष्ठभूमि छवि को फिट करने की कोशिश कर रहा हूं। The Fiddle

यह सभी ब्राउज़रों में काम करता है लेकिन Android मूल ब्राउज़र में काम नहीं कर रहा .. किसी को भी किसी भी समाधान है कृपया: यहाँ मेरी बेला है? धन्यवाद

Answer 1

इस समस्या को खोजने और समाधान खोजने के बाद, मैंने सीएसएस फ़ाइल शैलियों से पृष्ठभूमि-छवि हटा दी और HTML कोड में एक इनलाइन शैली का उपयोग किया। एंड्रॉइड देशी ब्राउज़र के साथ समस्या हल हो गई है।

मैंने पहेली को अपडेट किया और यह एंड्रॉइड मूल ब्राउज़र में काम कर रहा है।

The Updated Fiddle

ऐसा लगता है कि एंड्रॉयड भी इस तरह पार्स पृष्ठभूमि प्रारूप के साथ समस्या है:

background: url('...') fixed center center/cover; 

और हम पृष्ठभूमि छवि प्रपत्र दूसरों को अलग करने और यह इनलाइन का उपयोग करना चाहिए, और फिर प्रत्येक विकल्प का उपयोग

background-size: cover; 
background-position: center center; 

Answer 2

दुर्भाग्य से, पृष्ठभूमि आकार संपत्ति पूरी तरह से पुराने vers द्वारा समर्थित नहीं है: अलग सीएसएस फ़ाइल में, इस तरह एंड्रॉइड के मूल ब्राउज़र और एंड्रॉइड के लिए क्रोम के आयन। मैं इसे कठिन तरीके से खोजने के दर्द से गुजर गया। क्या यह करता है के रूप में "कवर" आप एक ही क्षैतिज अहसास है और फिर स्वतः ही छवि की ऊंचाई निर्धारित करता है, यह सोचते हैं कि छवि है

background-size: 100% auto; 

: "कवर" का उपयोग कर एक मूल्य के रूप में करने के बजाय, निम्न कार्य करें आंतरिक आयाम।

आगे पढ़ने के लिए, मैं detailed writeup from Sara Soueidan में डाइविंग की सलाह देता हूं।

Answer 3

मैं पृष्ठभूमि आकार के साथ एक ही समस्या थी: कवर, छवि डिवाइस और नीचे था सफेद पृष्ठभूमि की चौड़ाई के लिए फिट था, और यह तय किया गया था जब मैं इस सीएसएस का उपयोग कर पृष्ठभूमि रंग सेट करें:

background-color: #fff; 

या आशुलिपि:

background: #fff url('http://cdn.stupiddope.com/wp-content/uploads/2013/06/IMGP3540.jpg') no-repeat scroll center center/cover; 

यह कोई बात नहीं है जो रंग आप चुनते हैं, क्योंकि यह अदृश्य हो जाएगा।

JSFIDDLE