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

gself 发布于2019-08-02 12:06 / 1088人阅读

摘要：而则是在遇到非常规代码的时候才想起来的。忽略文档类型声明。对于，始终保持以标准模式渲染页面。当然还可以等于其他值，不过其他值大多都是老版本，目前而言，都没有必要去纠结了，譬如

博客地址

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

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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