iPhone 6 Plus의 ios 8 상자 그림자

Question

iPhone 6 Plus의 상자 그림자 속성에 문제가 있습니다. 내가 메타 태그 width=device-width를 추가하는 경우 는 다음과 같은 상자 그림자는 전혀 표시되지 않은 : 나는 메타 태그를 사용하지 않는 경우

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

가, 그림자 상자 당신이로 확대 할 경우 "마술"사라 페이지. 당신은 여기를 이해할 수 :이 특정 아이폰 6 플러스 버그 것 같다

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

. 동일한 iOS 버전 (8.0.2)을 실행하는 이전 iPhone 버전에서는 상자 그림자가 제대로 작동합니다.

해결책이있는 사람이 있습니까?

Answer 1

-webkit-apperance: none;

당신은이 모든 문제를 제거하기 위해 글로벌 리셋이를 추가 할 수 있습니다 사용해보십시오. 나는 다음을 사용한다 :

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

나는 또한 나의 상자 크기 조정을 거기에서 다시 가지고있다.

Answer 2

테두리에 반경 : 1px을 입력하면 수 있습니다. 아이폰 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;}