ChromeがSafariと異なるレンダリング

Question

私は自分のウェブサイトmarcotronconi.comのベータ版をChromeにアップロードしました。私はなぜ、サファリのレンダリングが台無しになっているのか分かりません。

固定のアイデアはありますか？

p.s.それは愚かな質問かもしれませんが、私はCSSとHTMLの新しいです。 ありがとう

Answer 1

すべてのブラウザが同じ方法でウェブサイトをレンダリングするわけではありません。ブラウザの開発者はツールと機能性を実装して、より魅力的/実行可能にすることができます。 最も有名な例は、大規模に展開されていたものの、いくつかのW3Cルールを実装していないInternet Explorerでした。ほとんどのブラウザで互換性のあるウェブサイトの作成

は長いとハードパスすることができますが、私はあなたのようにいくつかの便利なCSSのリセットツールをstudiingことから始まり勧め：

その後

• eric meyer's reset CSS
• normalize.css

あなたのレイアウトを構築するときにcaniuse.comのウェブサイトにアクセスすることで、あなたが使用しようとしているものがアクセス可能かどうかを自由にチェックすることができます。

最後に、codepen.ioのWebサイトでは、コードの実装とテストを自由に行うことができます。

希望これは、ウェブサイトのCSSをレンダリングすることになると

Answer 2

Safariは非常に異なっているのに役立ちます。ブラウザのインス​​ペクタ（を右クリックしてなどを調べてください）に入り、CSSエラーが表示されていないかどうかを確認することをお勧めします。

もっと明確な回答が必要な場合は、さらに情報を入力してください。何がうまくいきませんか？