0

@media query を使用してレスポンシブ ページを開発しました。今、iPhone 6+ で自分のページをチェックすると、不要な余白が表示されます。

ただし、ページは chorme 、firefox ブラウザー (開発者モードも) で正常に動作しています。

ページから不要な空白のマージンを削除できるように、サファリ用の CSS ハックはありますか。

私はレスポンシブCSSで以下のコードを使用しました

4

1 に答える 1

0

これが私に起こったとき、スタイルシートからこれを削除することで修正できました

*{
    padding: 0
}

もう1つは、WebKitスタイルシートに次の「マージン」、「パディング」プロパティが含まれていることです

-webkit-margin-before:
-webkit-margin-end:
-webkit-margin-after:
-webkit-margin-start:

-webkit-padding-before:
-webkit-padding-end:
-webkit-padding-after:
-webkit-padding-start:

これを使用して、それに応じてサファリ用にカスタマイズできます

于 2016-04-19T05:20:51.170 に答える