iphone - iPhone 6 Plusのios 8ボックスシャドウ

Question

特に iPhone 6 plus でボックスシャドウプロパティの表示に問題があります。meta タグを追加するwidth=device-widthと、次のボックスの影はまったく表示されません。

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

メタタグを使用しない場合、ページを拡大すると、ボックスの影が「魔法のように」消えます。ここでこれを理解できます：

これは特定の iPhone 6 plus のバグのようです。同じ iOS バージョン (8.0.2) を実行している古いバージョンの iPhone では、ボックスシャドウが正しく機能しています。

解決策を持っている人はいますか？

score 19 · Accepted Answer

div にborder-radius:1pxを追加できます。iPhone 6+ およびその他の Retina デバイスのボックスシャドウの問題を修正します。

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

score 2 · Accepted Answer

使ってみて-webkit-apperance: none;

これをグローバルリセットに追加して、これに関するすべての問題を解消できます。私が使う：

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

ボックスのサイズ変更もそこにリセットされています。

2 に答える 2