आईओएस 8 प्लस छाया पर आईओएस 8 बॉक्स छाया

Question

मेरे पास विशेष रूप से आईफोन 6 प्लस पर बॉक्स छाया संपत्ति के साथ एक डिस्प्ले समस्या है। मैं मेटा टैग width=device-width जोड़ते हैं, तो निम्न बॉक्स छाया सब पर प्रदर्शित नहीं किया जाता:

-webkit-box-shadow: 1px 1px 5px 5px #a8a8a8; box-shadow: 1px 1px 5px 5px #a8a8a8;

अगर मैं मेटा टैग का प्रयोग नहीं करते, छाया बॉक्स "जादुई" गायब हो जाते हैं अगर आप में ज़ूम पृष्ठ। आप यहाँ इस समझ सकते हैं:

http://jsfiddle.net/b6aaq57z/3/

यह एक विशिष्ट iPhone 6 प्लस बग हो रहा है। पुराने आईफोन संस्करणों पर एक ही आईओएस संस्करण (8.0.2) चल रहा है, बॉक्स छाया ठीक से काम कर रही हैं।

क्या कोई समाधान के साथ है?

Answer 1

-webkit-apperance: none;

आप इस के साथ सभी मुद्दों को खत्म करने के लिए अपने वैश्विक रीसेट करने के लिए इस जोड़ सकते हैं का उपयोग करें। मैं उपयोग करता हूं:

*, *:before, *:after { 
    -webkit-appearance: none; 
} 

मेरे पास भी मेरे बॉक्स आकार का रीसेट भी है।

Answer 2

आप सीमा-त्रिज्या जोड़ सकते हैं: 1px div में। यह आईफोन 6+ और अन्य रेटिना डिवाइसों में बॉक्स-छाया समस्या को हल करता है

.box-shadow{ 
-webkit-box-shadow: 1px 1px 0.25em 0.25em #a8a8a8; 
box-shadow: 1px 1px 0.25em 0.25em #a8a8a8; 
border-radius:1px;}