admin管理员组

文章数量:1534339

解决360浏览器兼容模式css错乱问题

有些时候在本地写好代码,不管是直接打开网页flie://,还是localhost: 
网页都没有问题,但是放到服务器上面,打开360浏览器后选择兼容模式,发现css 
错乱,而在本地没有任何问题。 下面给出两种解决方法:

第一种:

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

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

  • 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">

第二种:

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

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

 

本文标签: 浏览器模式css