浏览器兼容

最新推荐文章于 2024-09-14 17:04:32 发布

五分糖的苦

最新推荐文章于 2024-09-14 17:04:32 发布

阅读量183

点赞数

分类专栏：兼容文章标签： css

本文链接：https://blog.csdn.net/chun_sh/article/details/119408548

版权

兼容专栏收录该内容

1 篇文章 0 订阅

订阅专栏

一开始写了页面，因为用的谷歌浏览器，所以忘记了兼容，记录一下这些浏览器兼容
请添加图片描述
本来是三张图，是1200的盒子居中，在IE、火狐、谷歌都是正常的，在360打开发现1200的盒子变成1100了，这让我很郁闷，都说360浏览器用的是IE内核，IE都可以了它怎么就不行呢。从效果上看，显示出错的页面
解决办法：

 第一种： <meta name="renderer" content="webkit"> 
 第二种：<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
 第三种：我自己的错，写了百分比所以始终布局错乱，给了1200px的像素立刻好了
 这种方式可以完美解决这个问题。通知 Windows Internet Explorer 以最高级别的可用模式显示内容。

下面是其他浏览器的兼容

<html>
<head>
<meta name="renderer" content="webkit|ie-comp|ie-stand">
</head>
<body>
</body>
</html>

content的取值为webkit,ie-comp,ie-stand之一，区分大小写，分别代表用webkit内核，IE兼容内核，IE标准内核。
若页面需默认用极速核，增加标签：<meta name="renderer" content="webkit">
若页面需默认用ie兼容内核，增加标签：<meta name="renderer" content="ie-comp">
若页面需默认用ie标准内核，增加标签：<meta name="renderer" content="ie-stand">

注意：引号要英文状态下的，直接复制代码后看一下格式对不对，请自行更正。
各渲染内核的技术细节

内核 Webkit IE兼容 IE标准
文档模式 Chrome 21 IE6/7 IE9/IE10/IE11(取决于用户的IE)
HTML5支持 YES NO YES
ActiveX控件支持 NO YES YES
各内核UA示例

备注

这个功能其实和IE9的X-UA-Compatible很类似，关于IE几个内核的实现介绍，请看：
http://blogs.msdn.com/b/ie/archive/2010/06/16/ie-s-compatibility-features-for-site-developers.aspx