0

いくつかの要素を含む Web ページがあります。異なるブラウザーでページを実行すると、要素の配置が異なります。要素の位置をすべてのブラウザー (Chrome、Firefox、IE、Opera、Safari) で同じにしたい。CSS リセットを赤くして CSS ファイルを作成し、このページhttp://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/のコンテンツを入れて、css 構成をリセットしました。次に、ページを実行すると、ブラウザーによって表示が異なります。異なるブラウザーでページを同じように表示するにはどうすればよいですか?

4

2 に答える 2

1

CSS リセットは、異なるブラウザー間でページを同じようにレンダリングする魔法の杖ではありません。視覚的に言えば、すべての要素を div または span のように機能するポイントまで削除することです。これにより、著者が独自のスタイルのアイデアを構築できる基盤が作成されます。

したがって、作成した CSS がブラウザー間で同じようにレンダリングされない場合、それは CSS のリセットが機能していないためではありません。特定の機能のサポートの欠如、ブラウザのバグ、実装の違いなど、さまざまな理由があります。

特定のブラウザに問題がある場合は、標準に固執し、回避策を探す必要があります。また、ブラウザーが異なれば Web ページのレンダリングも異なることに注意してください。これは、私たちがコーディングをするときに熱意を持ちすぎないようにしなければならない事実です。まったく同じに見えない場合もあります。

于 2013-03-21T09:57:11.933 に答える
1

これはかなり一般的な質問なので、アドバイスも一般的でなければなりません。

  1. 標準モードをトリガーする Doctype を使用します(Quirks モードには一貫性がなく、回避したい場合)
  2. マークアップ バリデーターとCSS バリデーターを使用して HTML と CSS をテストする
  3. CSS リセットを使用して、ブラウザーの既定のスタイルシート間の違いを削除することを検討してください
  4. ブラウザのバグについて学ぶ必要がある特定の問題を調査して、将来それらを回避できるようにします
于 2013-03-21T09:54:58.483 に答える