@media query を使用してレスポンシブ ページを開発しました。今、iPhone 6+ で自分のページをチェックすると、不要な余白が表示されます。
ただし、ページは chorme 、firefox ブラウザー (開発者モードも) で正常に動作しています。
ページから不要な空白のマージンを削除できるように、サファリ用の CSS ハックはありますか。
私はレスポンシブCSSで以下のコードを使用しました
@media query を使用してレスポンシブ ページを開発しました。今、iPhone 6+ で自分のページをチェックすると、不要な余白が表示されます。
ただし、ページは chorme 、firefox ブラウザー (開発者モードも) で正常に動作しています。
ページから不要な空白のマージンを削除できるように、サファリ用の CSS ハックはありますか。
私はレスポンシブCSSで以下のコードを使用しました
これが私に起こったとき、スタイルシートからこれを削除することで修正できました
*{
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:
これを使用して、それに応じてサファリ用にカスタマイズできます