一定要 http-equiv="X-UA-Compatible" content

gself 發布于2019-08-02 12:06 / 1166人閱讀

摘要：而則是在遇到非常規代碼的時候才想起來的。忽略文檔類型聲明。對于，始終保持以標準模式渲染頁面。當然還可以等于其他值，不過其他值大多都是老版本，目前而言，都沒有必要去糾結了，譬如

博客地址

Preface

平時會用 vue 寫新項目，老項目就在原有基礎上更新。對于 vue 這種框架，使用官方的腳手架通常就避免了很多問題，就像平時用模板創建新的單頁一樣。

然而有時總是會遇到些不按模板走的代碼，雖然跑起來也沒有問題，但是放到有些瀏覽器上就有 bug 了，這個時候對既有模板的理解和掌握就很重要了。

Main

當我用 html 模板創建一個新單頁時，拿到的頁面是這樣的，vue 也是類似，至少三個 meta 標簽基本都是一樣的：





  
  
  
  Document

viewport 是在兼容移動端時才了解的內容，費了不少功夫。而 X-UA-Compatible 則是在遇到非常規代碼的時候才想起來的。有一回改個老項目，用了 transform，在 ie11 上測試，沒有用，而且在它的工具欄里樣式表里根本看不到我寫的代碼，這個時候我就好奇了，這是 ie11 啊，怎么會不支持 transform 呢？然后我瞄了一下開發者工具，大概是這樣的：

然后我就好奇了，為什么會是 ie7 模式呢？我明明裝的是 ie11 瀏覽器啊，然后腦袋一閃，好像明白了什么，看了看 html ，果然沒有:

加上之后，再刷新，網頁就正常了。

在這件事之前，我知道這個東西，但是因為是用的模板，一直沒有遇到過這個問題，而且通常來說，我會以為，我既然是在 ie11 里打開的，默認你也沒有理由用 ie11- 的文檔模式去渲染啊，結果就錯了。后來看到 SO 上高票答主大概是這么解釋 ie 的行為的：

ie 會用它認為最好的方式去渲染頁面，如果沒有上面那行代碼的話

此外，ie11 已經開始廢棄上面那個了，如果不兼容 ie 的話，其實上面的代碼也可以不用寫了，不過目前為止 html 模板和 vue 的模板都還是默認支持的。而上面的那行代碼實際意思呢，就是：

Edge：始終以最新的文檔模式來渲染頁面。忽略文檔類型聲明。對于 IE8，始終保持以 IE8 標準模式渲染頁面。對于 IE9，則以 IE9 標準模式渲染頁面。

當然 ie 還可以等于其他值，不過其他值大多都是老版本，目前而言，都沒有必要去糾結了，譬如：

"IE=edge"

"IE=11"

"IE=EmulateIE11"

"IE=10"

"IE=EmulateIE10"

"IE=9"

"IE=EmulateIE9

...

Ending Reference

What does do?

GPU云服務器云服務器 Quote quoted quot python b&quot&quot

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/53337.html

<meta http-equiv=&quot;X-UA-Compatible&quot; co

摘要：對于及以上版本，例如強制瀏覽器按照特定的版本標準進行渲染。但不支持及以下版本。盡管在真實情況中，你只要選擇一種版本這對于測試和維護會更加簡單。為了避免制作出的頁面在下面出現錯誤，建議直接將使用進行渲染。本人對該知識點了解不深，本文采用Victor，再進一步！的文章，如果有人看到本頁，請直接進入https://www.cnblogs.com/victor5230/p/5846832.html，...

Seay 2019-04-23 13:13 評論0 收藏0
JS實現圖片上下切換具體代碼

　　本文講述就是JS實現圖片上下切換的具體代碼，看看具體代碼：　　源代碼：　　<!DOCTYPE html>　　<html>　　<head>　　<meta charset="UTF-8">　　<meta http-equiv="X-UA-Compatible" content="IE=edge&...

3403771864 2022-10-16 17:28 評論0 收藏0
meta標簽的http-equiv與content解析

摘要：幼圓屬性幼圓幼圓無論頁面是否包含指令，均使用的標準渲染模式。對于多數網站來說，它是首選的兼容性模式幼圓幼圓模式通知以最高級別的可用模式顯示內容，這實際上破壞了鎖定模式。meta是html語言head區的一個輔助性標簽，以下是meta的http-equiv屬性和content屬性的一些介紹。 http-equiv屬性　　指示服務器在發送實際的文檔之前，要在傳送給瀏覽器的 MIME 文檔頭部包...

FWHeart 2019-04-23 11:55 評論0 收藏0
http-equiv = 'X-UA-Compatible' content =

摘要：如果支持，則使用渲染如果系統安裝或以上版本，則使用最高版本渲染否則，這個設定可以忽略。 < meta http-equiv = X-UA-Compatible content = IE=edge,chrome=1 /> 如果支持Google Chrome Frame：GCF，則使用GCF渲染；如果系統安裝ie8或以上版本，則使用最高版本ie渲染；否則，這個設定可以忽略。

songze 2019-08-01 15:31 評論0 收藏0
前端技術之_CSS詳解第一天

摘要：前端技術之詳解第一天一部分略。。。。中國主要城市北京上海廣州美國主要城市紐約洛杉磯華盛頓西雅圖在瀏覽器中，默認是不會增加任何的效果改變的，但是語義變了，中的所有元素是一個小區域。前端技術之_CSS詳解第一天一html部分略。。。。二、列表列表有3種2.1 無序列表無序列表，用來表示一個列表的語義，并且每個項目和每個項目之間，是不分先后的。ul就是英語unordered list，無序列表的意...

番茄西紅柿 2019-04-23 13:46 評論0 收藏0