[分享]css兼容360代码

随着互联网的快速发展，越来越多的人开始关注网站的制作问题。网站的制作不仅要考虑美观和实用性，还要考虑网站在不同浏览器中的兼容性。在众多浏览器中，360浏览器是非常受欢迎的浏览器。然而，由于其内核和其他...

随着互联网的快速发展，越来越多的人开始关注网站的制作问题。网站的制作不仅要考虑美观和实用性，还要考虑网站在不同浏览器中的兼容性。在众多浏览器中，360浏览器是非常受欢迎的浏览器。然而，由于其内核和其他浏览器不同，所以就有了兼容性问题。在CSS的编写中，如何兼容360浏览器呢？

* {
    margin: 0;
    padding: 0;
}

/* 针对360浏览器 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* 解决360浏览器下文字和图片模糊的问题 */
    body {
        -webkit-text-size-adjust: none;
    }
    img {
        -webkit-backface-visibility: hidden;
    }
} 

以上的代码就是针对360浏览器的CSS兼容代码。这段代码的作用是解决在360浏览器中文字和图片模糊的问题。其中，使用了媒体查询和伪类选择器来达到兼容的效果。

针对360浏览器的CSS兼容代码不仅可以帮助我们解决现有的兼容性问题，同时也可以预防未来的兼容性问题。因此，在网站的制作中，我们应该时刻注意到360浏览器的兼容性问题，并且及时地编写相应的兼容性代码。