このウェブサイトはwww.holmecourt.comであり、SafariとIE9で意図したとおりにレンダリングされます。このスクリーンショットはSafariで直接表示されます。これはIE9のAdobe Browserlabとまったく同じです: http://holmecourt.com/images/scrn1.png
しかし、問題はBrowserlabがIE8を次のように示していることです。IE7はかなり似ています。 http://holmecourt.com/images/scrn2.png
IE7 / 8はどこにでもピクセルを使用していましたが、IE7 / 8はそれを気に入らないようです。
私はemでIEのバグを検索しましたが、何も見つかりませんでした。IE7 / 8がレイアウトでemをどのようにレンダリングするかについての既知のバグがあるのでしょうか?
そうでなければ、もっと経験豊富な開発者がスクリーンショットを比較するだけで気づくかもしれませんが、レイアウトの破損だけでなく、テキストのサイズが正しくないため、おそらくフォントサイズの問題が継承されていることが関係していると思いました。
私はあいまいではないようにしようとしましたが、もしこの投稿があれば、私は間違いなくそれに言い直すことができます。
すべてのCSSはソースからアクセスできますが、必要なコードを提供できます。
どのような助けに感謝したり、問題を探し求めてアイデアを評価してください!
回答:
回答№1は0私は同じ種類の問題に遭遇してしまいました。ピクセルのみを使用するようになりました。 あなたは何のために何が必要ですか? テキストのサイズを変更することができるのであれば、今日のユーザーエージェントはピクセル値で内容を正しくスケールすることができます。
回答№2の場合は0
特定のスタイルシートを実装して、条件付きでロードすることができます。 htmlの頭の部分では:
<!--[if lte IE 8]>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->
ie8以下を使用している場合にのみ、特定の.cssファイルをロードします。 ie.cssファイルにオーバーライドを入れて、それらのバージョンで正しく表示させることができます。
回答№3の場合は0
さて、誰かが似たような問題を抱えている場合には、私は何が起こっているのかを知りました!
条件付きコメントを削除したとき、私は誤ってHTML5 Shivを削除しました。これにより、IE 8以降がHTML5要素をレンダリングする方法が完全に変更されました。
http://code.google.com/p/html5shiv/