css代码 360不兼容 |树css怎么画

/* 这段代码在其他浏览器上运行正常 */
.footer {
width: calc(100% - 280px);
display: inline-block;
vertical-align: middle;
}
/* 在360浏览器上，会出现错误 */

偶对比了各个浏览器的CSS支持情况，发现了360浏览器与其他主流浏览器的差异。其中最显著的差异就是，360浏览器不支持某些CSS属性和函数的写法。

在实际开发中，大家需要注意哪些CSS代码不兼容360浏览器呢？

/* 不兼容的CSS代码 */
text-shadow: 1px 1px 1px #333;
-webkit-text-size-adjust: 100%;
outline: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
/* ... */

由于360浏览器的差异，上述CSS代码可能会导致页面出现奇怪的错误。因此，在编写css代码时，大家需要尽可能地避免使用不兼容的属性和函数，或者为不同的浏览器编写不同的CSS代码。

总之，CSS代码是网页开发中最重要的组成部分之一。在选择浏览器测试网页时，大家需要注意到不同浏览器的CSS支持情况，以提高网页的兼容性和稳定性。