刚开始写页面的时候,会出现很多问题,当然兼容性问题是最不容忽视的。然而就在刚刚我写代码的时候,在谷歌运行的很好的代码,突然转到360的三种模式的时候,就出现了各种问题。然而我也各种找解决办法,终于还是成功的解决了。
在谷歌上打开的页面:
看着是挺正常的,正常的背景图片,正常的页面,但一用360浏览器,就不一样了。
你有可能想问这是什么,没错这就是360显示的页面把两部分给我分开显示了。
当然也有解决办法了,那就是在页面的开始处加上这两句代码:
<metahttp-equiv="X-UA-Compatible"content="IE=EmulateIE10"/><metaname="renderer"content="webkit|ie-comp|ie-stand">
content 的取值为 webkit, ie-comp, ie-stand 之一,区分大小写,分别代表用 webkit 内核,IE 兼容内核,IE 标准内核。
这样就不会出现那些问题了。
还有就是加上这句
*{margin:0;padding:0;}
解决不同浏览器之间因为margin和padding之间不同的兼容性问题 外补丁和内补丁
如果觉得《解决360浏览器兼容性问题的极速模式 兼容模式 IE11模式对同一页面的不同兼容性问题》对你有帮助,请点赞、收藏,并留下你的观点哦!