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文件中。

原文地址：https://www.cnblogs.com/webenjoy/p/12090478.html