6

私の開発環境では、すべてが完全に正常に表示されています。キャンバスとアニメーションを使用する円グラフがあり、ブラウザーを介してホストすると正常に表示されます。

また、Twitter Bootstrapを使用しており、ページの上部に2つのアイテムがあるナビゲーションバーがあります。

ここではいくつかの例を示します。

開発環境で

http://i.stack.imgur.com/TtC5J.png

IISでのホスティング

http://i.stack.imgur.com/DNLkg.png

IISバージョンを閉じた後も、エラーは一定のままです。また、ボタンの丸めがまったく同じではないことに気付くでしょう。

私たちはデフォルト設定でIIS6でホスティングしているので、これを適切に組み込むためにサイトで何かを行う必要があるかどうか疑問に思っていますか？.LESSをどこにも登録していないので、それが原因であるかどうかはわかりません。

前もって感謝します。

4

2 に答える 2

5

これを修正するには、X-UA-Compatibleメタタグを設定する必要があります。次のメタタグをWebページのヘッダーに追加すると、問題が解決するはずです。

これにより、開発とIISで同じように表示されます。（同じブラウザを使用）

<meta http-equiv="X-UA-Compatible" content="IE=Edge">

web.configに次のディレクティブを追加して、ページごとのメタタグの代わりにカスタムヘッダーアプリケーション全体を追加することもできます。

<?xml version="1.0" encoding="utf-8"?>
<configuration>
   <system.webServer>
      <httpProtocol>
         <customHeaders>
            <clear />
            <add name="X-UA-Compatible" value="IE=Edge" />
         </customHeaders>
      </httpProtocol>
   </system.webServer>
</configuration>

この動作は、IEがデフォルトで互換性モードでイントラネットサイトをレンダリングするために発生します。（Microsoftは、多くのイントラネットサイトが古くなっていると考えているため、推測します）これは、[ツール] –>[互換性ViewSettings]に移動して変更できます。

参照：

于 2012-08-08T15:34:41.017 に答える
1

LESSを使っているようですが、そうですか？もしそうなら、あなたが言ったように、 LESSを必要とする機能を使用している場合は、IISで設定してtwitterブーストラップを使用する必要があります。

IIS で同様の問題が発生し、ファイル拡張子が IIS の既定値でない場合に、ファイル拡張子を正しく認識できるようになりました。

おそらく、localhostがファイル マッピングに対してそれほど保護されていないか、IIS6 とは異なるバージョンの IIS をローカルで使用していて、既に.less拡張子が許可されている可能性があります。

これを修正するには、拡張機能/IIS6 へのマッピングを追加する必要があります。

短縮版

  • Web アプリケーションのプロパティを開く
  • [構成... ] をクリックします。
  • [マッピング] タブで、[追加] をクリックします。
  • Executable : [マッピング] タブで ASPX 拡張機能に設定されているのと同じ値を入力します。
  • 拡張子: .less
  • 動詞: チェック: 制限、入力: GET、HEAD
  • スクリプト エンジン: チェックあり
  • ファイルが存在することを確認する: チェックなし

誰にでも役立つ場合のグラフィカルバージョン: 表示されなくなった場合に備えて、以下に再現した詳細のリンクを次に示します。

http://wiki.uiowa.edu/display/~mbergal/2012/06/08/Configuring+IIS+6+to+support+dotlesscss+(LESS+CSS)

サイトのプロパティに移動します。

ここに画像の説明を入力

構成を開く

ここに画像の説明を入力

拡張子を追加

ここに画像の説明を入力

ここに画像の説明を入力

于 2012-08-08T15:19:53.920 に答える