最近我在開發網站的過程中，發現了一個令人頭疼的問題——用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支持情況，以提高網頁的兼容性和穩定性。