css在360浏览器的兼容问题

今天测试人员通过360极速浏览器发现了一个弹窗样式不显示,我查看了chrome,firefox浏览器都正常显示。通过对比两个页面发现了360浏览器少加载了一个css样式文件。通过百度找原因发现如下两种解决方案:

第一种:

在head标签中添加一行代码:

强制执行极速模式<meta name="renderer" content="webkit">

content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用webkit内核,IE兼容内核,IE标准内核。

  1.       若页面需默认用极速核,增加标签:<meta name="renderer" content="webkit">
  2.       若页面需默认用ie兼容内核,增加标签:<meta name="renderer" content="ie-comp">
  3.       若页面需默认用ie标准内核,增加标签:<meta name="renderer" content="ie-stand">

第二种:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 

这种方式可以完美解决这个问题,通知 Windows Internet Explorer 以最高级别的可用模式显示内容。

两种方法我都试了,在页面上都没有效果。最终解决方案是把写在css样式文件中的相关样式,直接写在html文件中。

猜你喜欢

转载自www.cnblogs.com/webenjoy/p/12090478.html