http-equiv="X-UA-Compatible"content="ie=edge"?

1865 ワード

ブログアドレス
Preface
普段はvueで新しいプロジェクトを書きますが、古いプロジェクトは元の基礎の上で更新されます.vueのようなフレームワークでは、通常、テンプレートで新しいページを作成するように、公式の足場を使用すると、多くの問題が回避されます.
しかし、テンプレートを押さないコードに遭遇することがあります.走っても問題ありませんが、ブラウザに置くとバグが発生する場合があります.このとき、既存のテンプレートの理解と把握が重要です.
Main
htmlテンプレートで新しいページを作成すると、取得したページはこのようになります.vueも似ています.少なくとも3つのmetaラベルは基本的に同じです.




  
  
  
  Document





viewportはモバイル端末対応時に知った内容で、手間がかかりました.X-UA-Compatibleは、非常コードに遭遇したときに思い出したものです.ある时、古いプロジェクトを変えて、transformを使って、ie 11でテストして、役に立たないで、その上そのツールバーの中のスタイルの表の中で私の書いたコードが全然見えなくて、この时私は好奇心を持って、これはie 11で、どうしてtransformを支持しませんか?開発者ツールを狙ってみました
そして私は好奇心を持って、どうしてie 7モードなのですか?私はie 11ブラウザをインストールしているのに、頭がキラキラして、何か分かったようで、htmlを見て、やはりありません:
  

加えて、更新すると、ページは正常になります.
この件まで、私はこれを知っていましたが、テンプレートを使っているので、ずっとこの問題に遭遇したことがありません.そして、通常、私はie 11で開いた以上、デフォルトでie 11-のドキュメントモードでレンダリングする理由もないと思っています.結果は間違っています.その後、SO上の高票回答者がieの行為をこのように説明しているのを見た.
ieは最も良い方法でページをレンダリングします.上の行のコードがなければ
また、ie 11はすでに上のものを廃棄し始めており、ieと互換性がなければ、実は上のコードも書かなくてもいいのですが、これまでhtmlテンプレートもvueのテンプレートもデフォルトでサポートされていました.上の行のコードの実際の意味は、次のとおりです.
Edge:常に最新のドキュメントモードでページをレンダリングします.文書型宣言は無視されます.IE 8の場合、ページは常にIE 8標準モードでレンダリングされます.IE 9の場合、ページはIE 9標準モードでレンダリングされます.
もちろんieは他の値に等しくてもいいですが、他の値の多くは古いバージョンで、今のところ、葛藤する必要はありません.例えば:
  • "IE=edge"
  • "IE=11"
  • "IE=EmulateIE11"
  • "IE=10"
  • "IE=EmulateIE10"
  • "IE=9"
  • "IE=EmulateIE9
  • ...

  • Ending
    Reference
  • What does do?