html - Chorme や firefox ではなく Safari でのみ表示されるレスポンシブ ページから WhiteSapce マージンを削除します

Question

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

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

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

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

Answer 1

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

*{
    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:

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