ios 8 box shadow на iPhone 6 Plus

Question

У меня проблема с отображением свойства теневого окна, особенно на iPhone 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 плюс ошибка. В более старых версиях iPhone, работающих с той же версией iOS (8.0.2), тени теней работают правильно.

Есть ли кто-нибудь с решением?

Answer 1

Попробуйте использовать -webkit-apperance: none;

Вы можете добавить это к глобальной перезагрузке, чтобы устранить все проблемы с этим. Я использую:

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

У меня также есть своя калибровка размера коробки.

Answer 2

Вы можете добавить border-radius: 1px к div. Он исправляет проблему с коробкой в ​​iphone 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;}