バグなのかなんだかわからないのだけど。
iPhone 6 plus （safari）でbox-shadowが効かない。。
ul li{
width:96%;
height:auto;
float:left;
box-shadow:rgba(222, 222, 222, 0.4) 0px 1px 3px 2px;
-webkit-box-shadow:rgba(222, 222, 222, 0.4) 0px 1px 3px 2px;
-moz-box-shadow:rgba(222, 222, 222, 0.4) 0px 1px 3px 2px;
margin:0 0px 20px;
}
効かない。
border-radius: 1px;
を追加
↓↓↓↓↓↓↓
ul li{
width:100%;
height:auto;
float:left;
border-radius: 1px;
box-shadow:rgba(222, 222, 222, 0.4) 0px 1px 3px 2px;
-webkit-box-shadow:rgba(222, 222, 222, 0.4) 0px 1px 3px 2px;
-moz-box-shadow:rgba(222, 222, 222, 0.4) 0px 1px 3px 2px;
margin:0 0px 20px;
}
効いた。
なんで効いたかって？
ふふふ。。。知らないよ。。。。。