当前位置:首页 > 个人杂谈 > 正文内容

360浏览器不兼容CSS的解决方法

作者: 葛屹肃 | 日期: 2018-05-09 | 分类: 个人杂谈

昨晚加网站加了头部图片,本来只需要几分钟弄好的事,结束足足花了近2小时才完美解决问题。一切根源在于360浏览器错位显示图片。

修改前:

360浏览器不兼容CSS的解决方法

修改后:

360浏览器正确显示的图片

从修改前的图片很明显看出图片没有垂直居中与靠右对齐,而使用火狐浏览器与IE9都正常显示,唯独是360浏览器中显示不正常。

我这个人比较追求完美,只要有一点瑕疵都会及时去掉。这些年来,养成一个习惯,有问题百度一下,搜索下“360浏览器不兼容CSS”,发现还真是有很多人碰到这类问题。有解决方法就好办,于是凡是涉及能解决这类问题都试了下,不断地看资料、根据步骤修改源码、上传文件、刷新360浏览器看结果。好事总是多磨,试了好不下5次都没有解决问题,耐心都快被耗完了,不过有志者事竞成这句话不是骗人。改变了搜索内容“360浏览器 head标签”,在红黑联盟中找到解决方法,原文为《页面头部head标签加上对应的标签让360浏览器选择相应的内核》。

我是在head标签中加入以下代码,再次刷新360浏览器时,发现显示图片正常了,当失败多次后突然成功了,感觉就像发生了奇迹一样,令人妙不可言。

神奇的代码就是这一句:<meta name=”renderer” content=”ie-stand”>

总结:其实360浏览器不兼容CSS的解决方法有很多,但不一定正好适合我们所碰到的情况,这时就需要不断尝试,一定要有耐心才能问题解决,请记住:办法总是比困难多。

版权声明:本文由〖葛屹肃〗发布,转载请注明出处!
文章链接:https://www.geyisu.com/92.html

  • 评论:(0)

已有 0 位网友发表了一针见血的评论,你还等什么?

◎欢迎大家参与讨论