2

だから私はIE8のローテーションにこの獣を使っています:

.no-csstransforms {
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.34202014, M12=0.93969262, M21=-0.93969262, M22=0.34202014,sizingMethod='auto expand')";
}

ローカルで魅力的に機能します。しかし、サーバーにアップロードするとすぐに壊れます。そこはただのフラットラインです。「IE 8 モード」の IE9 および IE10 でテスト済み。

これまでのところ、ローカルとリモートの唯一の違いはこのローテーションでした。IE dev tools によると、CSS が適用されます。

私の質問は、IE8 がローカル ファイルとリモート ファイルで異なる CSS 動作を示しているのはなぜですか? また、両方で永続的な結果を得るにはどうすればよいですか?

更新: X-UA メタ タグについて、一部のユーザーを混乱させた可能性があります。私がそれを含めたのは、それを含まないとIE8でオフラインとオンラインの不整合が生じることをstackoverflowで読んだからです。

私は本当にIE8を手に入れません。

この例

<!DOCTYPE html>
<head>
    <style type="text/css"> 
    .me {
        border-bottom: 1px solid red;
        height: 300px;
        width: 300px;
    }
    .csstransforms .me {        
        -webkit-transform: rotate(-70deg);
        -moz-transform: rotate(-70deg);
        -ms-transform: rotate(-70deg);
        -o-transform: rotate(-70deg);
        transform: rotate(-70deg);
    }

    .no-csstransforms .me {
      -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.34202014, M12=0.93969262, M21=-0.93969262, M22=0.34202014,sizingMethod='auto expand')";
    }
    </style>
    <script src="http://modernizr.com/downloads/modernizr-latest.js"></script>
</head>



<body>
    <div class="me"></div>
</body>
</html>

私にとってはローカルでは機能しません。私の実際のユースケースでは、ローカルで動作していますが、サーバーにはアップロードされていません。フィドルはこちら http://jsfiddle.net/SPMxZ/1/

4

1 に答える 1

0

使用中

<meta http-equiv="...

リクエスト ヘッダーにコンテンツを追加するようブラウザに要求します ( msdn http-equiv ) 。

質問の「ローカル」が間違っているかもしれませんが、ローカルサーバーを使用しない場合は、リクエストではないブラウザでファイルを開くだけです。したがって、応答ヘッダーには何も追加されません。

<meta http-equiv="...

評価されません。IEのバージョンは「IE8モード」のままです。(「ローカル」)

サーバーから配信された応答ヘッダーは、互換性オーバーライドを「エッジ」に運ぶようになったため、IE8モードに設定したIE10は「エッジ」を取得しています。これは、IE10です。

したがって、@Spudley が IE8 でテストするように言ったように、IE10 を使用しないでください。これは、http-equiv 互換性ルールを使用して、手動で設定したレンダリング モードを切り替えるためです。

この問題を簡単に見つけるには:

  • ローカル サーバー スタックを使用する (例: XAMPP )
  • 仮想マシンでネイティブ ブラウザを使用する (最新の IEなど)

これが役に立たなかった場合は、 jsfiddleを提供できればクールです。スタイル付き要素のレイアウトが欠落しているなど、言及されていないものはすべて css を台無しにする可能性があるためです

于 2013-09-10T14:31:04.733 に答える