在前端開發中,我們經常會遇到一些瀏覽器兼容性的問題。其中一個比較常見的問題就是CSS樣式在不同瀏覽器下的兼容性問題。為了解決這個問題,360瀏覽器提供了兼容模式。
*html selector {color:red;}
兼容模式是一種特定的CSS hack,它可以讓我們能夠針對360瀏覽器的特性進行樣式修正。在CSS選擇器前面加上“*html”就可以開啟360瀏覽器的兼容模式。這里的“html”是頁面的最外層元素,所以這個hack適用于整個頁面,而不是單獨的某個元素。
*html #box {width:100px;height:100px;}
在兼容模式下,我們可以針對一些具體的元素進行樣式的調整。例如,上面的代碼表示在兼容模式下將一個id為“box”的元素的寬度和高度都設置為100px。
在實際開發中,我們可以嘗試開啟360瀏覽器的兼容模式,看看在其他瀏覽器中是否有影響。如果對其他瀏覽器的樣式沒有影響,就可以考慮加上這個hack。
*html .box {display:inline-block;}
總之,兼容模式雖然不是官方推薦的方法,但是在某些特定情況下是非常有用的。我們可以借此來解決一些兼容性問題,提高網站在360瀏覽器下的瀏覽體驗。
上一篇html 寬高代碼
下一篇360訪問網站css缺失