Macを使用してWebサイトを作成しました。ご存じのように、Internet Explorer を使用してテストすることはできません。最後に残しておきましたが、レイアウトの失敗が予想されます。Web サイトは Chrome、Firefox、Safari で完璧に表示されます。予想通り、IE では表示が異なります。ここからどう進めばいいですか？
私には、(1) が最も簡単な選択のように思えます。これにより、Chrome、Firefox、および Safari を気にせずに、CSS を調整して IE で適切に表示できます。これでいいと思いますか？
ありがとう！
stylesheetIE のみをターゲットにすることができます。ページの見出しセクションに条件コードを配置する必要があります。例については、以下を参照してください。
すべてのIE
<!--[if IE]>
For all IE
<![endif]-->
特定のバージョンの IE だけをターゲットにしたい場合は、
<!--[if IE 7]>
For only IE 7
<![endif]-->
できることがいくつかあります。
IEのすべてのバージョンを対象とする条件付きコメントの例
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->
より多くの条件付きコメントを見つけることができますhttp://css-tricks.com/how-to-create-an-ie-only-stylesheet/
どのバージョンの IE をターゲットにしていますか? IE CSS2 バグの主な問題のほとんどは IE6 にあり、IE7 にもそれほどではありませんが、IE8 と IE9 ははるかに優れており、別々のスタイルシートが必要になるようなバグは経験していません。
IE6/7 をターゲットにしている場合は同情しますが、最近では IE6 の使用はごくわずかであるため、気にする必要があるとは思いません。ただし、必要に応じて、条件付きコメントは問題を管理するための最も簡単な方法です。<head> 要素でこれを行うだけです。
<!--[IE 6 の場合]> <link rel="stylesheet" href="ie6patch.css" /> <![endif]-->
詳細はこちら: http://www.quirksmode.org/css/condcom.html
また、ページに <meta http-equiv="X-UA-Compatible" content="IE=edge" /> を追加することを忘れないでください。IE8 と IE9 は標準モードを使用するようになります。
将来的には、css リセットを使用してブラウザー間の違いを最小限に抑えることができます。私は過去にこれを使用しました: http://developer.yahoo.com/yui/reset/
また、 http://www.99lime.comなどのテンプレートの使用も検討してください。
条件付きコメントをチェックしてください。