0

モバイル サイトのアイコンとして表示する 3 つの背景画像を使用していますが、これらはコンピューターでは (ウィンドウ サイズとユーザー エージェントを使用して) 完全に正常に表示されますが、iPhone ではパディングが十分に高くないかのようにアイコンが切り取られます。 .

デスクトップだとこんな感じ

デスクトップだとこんな感じです＾＾

ただし、モバイルではこの効果がありますv モバイル画像

これを引き起こしているアイデアはありますか？パディングを 20% に設定すると、すべての画面サイズで数ピクセルを残してアイコンを表示するのに十分ですが、22% に設定しても正しく表示されないので、iOS のバグだと思います。

それが役立つ場合、私はios7とサファリを使用しています!

.icon-ticket
{
    background: url("@{path-img}icons/icon-ticket-2x.png") no-repeat;
}

.icon-players,
.icon-prize,
.icon-ticket
{
    background-size: 40%;
    padding: 22% 0;
}
4

1 に答える 1

0

これは私が見ている問題に関連していると思います：

私が知る限り、何が起こっているかというと、iOS Safari がパディングでボックス モデルの背景を覆い隠しているということです。background-color プロパティでも同じことが起こります (上記の私の投稿を参照してください)。

バグのようです。この時点での唯一の回避策は、背景を持つ要素のパディングを削除することです。

于 2013-11-20T17:32:38.137 に答える