码迷,mamicode.com
首页 > Web开发 > 详细

css在360浏览器的兼容问题

时间:2019-12-24 11:40:12      阅读:447      评论:0      收藏:0      [点我收藏+]

标签:直接   方式   内核   问题   取值   百度   大小写   style   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文件中。

css在360浏览器的兼容问题

标签:直接   方式   内核   问题   取值   百度   大小写   style   360浏览器   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!