兼容 IE8 的问题

2015-05-17 17:08:09 +08:00
 1etters

网站在IE9以及以上版本都是正常的,chrome更不用说了!
尝试过使用以下两段代码,无效
<meta name="renderer" content="webkit">
<meta http-equiv=”X-UA-Compatible” content=”IE=Edge,chrome=1″ >

2518 次点击
所在节点    问与答
10 条回复
kn007
2015-05-17 17:13:40 +08:00
。。。你说了这么多,就不说下有什么兼容问题么。。
Septembers
2015-05-17 17:24:21 +08:00
当然
renderer是360极速专有特性
X-UA-Compatible是IE的专有特性,只用于选择引擎,如果用户是IE8而你只兼容IE9以上而用户没安装IE9也就是意味着不能选择最高可用引擎只有IE8
see http://se.360.cn/v6/help/meta.html
see https://www.modern.ie/en-us/performance/how-to-use-x-ua-compatible
1etters
2015-05-17 17:43:11 +08:00
@kn007 我错了。我帖下网址吧,等我映射下
1etters
2015-05-17 17:43:29 +08:00
@Septembers 非常感谢,我先研究一下
1etters
2015-05-17 17:46:30 +08:00
@kn007 映射前先说下,在IE8下头部特别的高!!约等于IE9等浏览器下的两倍高度吧
Havee
2015-05-17 20:11:34 +08:00
针对 ie8 用 \0 fix 下样式表吧
样式不兼容 ie8,怎么写都是白搭。网址不贴,没人能帮你。
lincanbin
2015-05-17 22:22:50 +08:00
这两个meta:
第一个是双核浏览器时,优先使用Webkit内核渲染。如果你用的不是双核浏览器,这条Meta是等于没用的。
第二个是IE使用最新引擎渲染。如果你的浏览器就是IE8,那么浏览器里最新引擎也就是IE8,IE8的兼容性问题怎么可能解决?
banri
2015-05-17 23:51:08 +08:00
IE8及以下版本需要注意:

1.不支持HTML5标签和标签属性
2.不支持CSS媒体查询
3.不支持JS中的部分标准属性,如事件监听等

所以你需要通过使用浏览器判断

<!--[if lt IE 8]><![endif]--> 在这里面引入额外的CSS和JS,针对低版本浏览器进行处理

此外虽然CSS Hack可以兼容低版本浏览器,我个人还是更倾向于把低版本浏览器的兼容写在独立的文件里。CSS Hack语法会在浏览器控制台上显示红色的错误信息,这你能忍?
1etters
2015-05-18 08:56:49 +08:00
@banri 不能忍,但是解决问题更重要了!哥们可否留个联系方式
1etters
2015-05-18 08:58:08 +08:00
@lincanbin 明白了,看来我的理解是没错的!难怪这样在360好猎豹上可以正常了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/191714

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX