私は経験豊富な開発者ではありませんので、これらの問題には私よりも明らかな解決策があるかもしれません。IOSはメディアクエリと特定のCSSスタイルを認識しません
私が開発しているサイトはion123.comです。
私はモバイルテスト用にLG G4を使用しています。その特定のデバイスでサイトはすばらしく見えます。 Safari、iPhone、およびiPadsでお尻のように見えます。 IOSのように私のメディアのクエリをまったくピックアップしていないようだと私はです頭のセクションのビューポートタグを使用しています。
また、特定の要素のスタイリングも取り上げていません。たとえば、左側のサイドバーボタンはSolutionsページにあります。
私は本当にここでいくつかの指針をありがとう。ありがとう！
main_style.cssファイルに問題があるようです。 https://jigsaw.w3.org/css-validator/を実行してみてください。いくつかのエラーが表示され、他のブラウザは正常ですが、サファリは失敗します。
これらの問題が修正された後は、ウェブサイトは、私のiOSデバイス上で正しく表示され始めたとSafari（デスクトップ上）
右上に！私はそれらの領域を修正して試してみる。ありがとう。 – Garrett
うわー。これらのキーフレームアニメーションを削除するのは難しかった。なぜそれらは完全にIOSのレイアウト全体を台無しにしたでしょうか？ ありがとう、私のためにこれを調べる時間をとってくれてありがとう。 – Garrett
不完全なキーフレームアニメーションによって、他のブラウザと同様に無視できない解析エラーが発生していました。だから、基本的にサファリは、問題が発生したらcssを読んでいないので、あなたのメディアの質問を完全に無視したようです。また、他の2つの問題を修正する必要があります。そうしないと、あなたのcssが無効になり、他の問題が発生する可能性があります。 – darrenallen7
てみます。となります。私はあなたのウェブサイトを入力することができれば簡単だろうが、私は今、中国にいるので、インターネットはここでは非常に悪いです。 –
Frutis
ええ、私はそれを追加しました。しかし、ありがとう。 – Garrett
ちょっと前に気づいた。 – Frutis