CSS は開発環境と Web サーバーで異なる方法でレンダリングされます 質問する

CSS は開発環境と Web サーバーで異なる方法でレンダリングされます 質問する

開発環境で作成した Web アプリケーションを Web サーバーにアップロードした後、表示が変わってしまうという問題が発生しています。

私は同じブラウザと同じマシンを使用してページを表示しています。唯一異なるのは「サーバー」です。私は .net 3.5 を使用しており、開発環境ではページは ASP.net 開発サーバーを使用して提供されます。Web サーバーでは、ページは IIS 6.0 を使用して提供されます。

アプリケーション内のすべての CSS を制御するために使用される CSS ファイルは、「App_Themes/Default」フォルダー内に 1 つだけあります。

同じように表示されないものをいくつか示します。

1) 展開すると他のすべてのページ要素の上に表示される折りたたみ可能なパネル コントロールがあります。開発環境では正しく動作します。Web サーバーでは、パネルは他の要素の下にスライドします。

2) 背景と特定のフォント サイズで要素を定義しました。開発環境で表示すると、テキストは 1 行に表示されます。ただし、Web サーバーでは、テキストは同じサイズであっても、テキストが折り返されます。包含する div が何らかの理由で「小さく」レンダリングされているかのようです。

3) 幅が固定されていないボタン(ボタンのテキストによって幅が決まるボタン)の幅は、開発環境と Web サーバーで異なります。サーバー上のボタンは常に幅が広​​くなります。

サーバーおよび開発環境の machine.config とグローバル web.config に他の CSS 要素への参照がないことを確認しました。

全体的には似ているように見えるので (色、背景、フォント スタイルなどが同じ)、サーバーが CSS から読み取っていることがわかります。サイズがずれているようで、div のレイヤーがずれているだけです。

これまでにこの問題に遭遇した人はいますか? 何を探せばよいか、何かアイデアはありますか?

ベストアンサー1

Internet Explorer 8 で比較しているようです。Microsoft は、Web 開発者が泣き崩れるように、ローカル サーバーとインターネット サーバーに異なるレンダリング モードを導入しました。

X-UA-compatible 値がなく、サイトがローカル イントラネット セキュリティ ゾーンにある場合、既定では EmulateIE7 モードでレンダリングされます。

完全な IE8 標準モードを強制するには、X-UA-compatible ヘッダーまたは META を追加します。

参照http://sharovatov.wordpress.com/2009/05/18/ie8-rendering-modes-theory-and-practice/

おすすめ記事