2

私は大学の PHP プロジェクトに取り組んでいます。私は PHP が苦手なので、プログラミングの側面に集中できるように設計を非常にシンプルにしました。現在、プログラミングが機能しており、設計に取り組んでいます。このサイトは、Chrome やその他の Webkit ブラウザーでは問題なく表示されますが、IE9 では見栄えが悪くなります。主な問題は...

1 - 背景画像は div をフル イメージ サイズに拡張しますが、Webkit では div サイズのみを塗りつぶします。

2 - コンテンツは中央に配置されず、左にフロートされます。

IE を他のすべてのブラウザーと同じように動作させるために使用できるスクリプト/ハックを知っている人はいますか? 私が現在使用しているのは Modernizr だけです。

http://newmedia.leeds.ac.uk/ug10/cs10cwh/pod/index.php . _

4

2 に答える 2

4

Modernizrは、特にhtml5やcss3などの新しいものを使用している場合に役立ちます。役立つもう1つのことは、定型コードです。私は個人的にhtml5resetが好きです。

その中の1つの特定のことが、非常に役立ちます。IEでサイトを見ると、Quirksモードになり、IE7、8、および9が動作するようになっていると表示されます...まあ...風変わりです:)次のように配置しますIEの機能を向上させるためのheadセクションのメタタグ:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

開発者ツールバー(F12)を表示すると、IEが実行されている「ブラウザモード」と「ドキュメントモード」を確認できます。ブラウジングセッション用に一時的に微調整して、ドキュメントモードが「IE9標準」の場合に何が起こるかを確認できます。


短いアップデート。w3バリデーターを使用してみることもできます。それがあなたのサイトに私に与えるエラーの1つ:

Line 1, Column 15: Comments seen before doctype. Internet Explorer will 
go into the quirks mode.

閉じられていないタグにもいくつかのエラーがあり、レンダリングが遅れる可能性があります。

于 2012-04-11T16:10:49.360 に答える
2

私たちが行うことは、IEバージョンに個別の.cssを使用することであり、ルートでブラウザーを決定し、その.cssを含めます

したがって、すべてのブラウザーに通常のcssを含め、IEバージョンには、メインスタイルシートの必要な部分を上書きする特定の.cssファイルを含めます。

編集:そして、Jeroenが言ったように、IEに、互換性のあるものや奇妙なものではなく、リアルモードでレンダリングするように強制します。

于 2012-04-11T16:10:11.140 に答える