在過去的幾年中,許多開發(fā)人員都遇到了一個問題:在不同的瀏覽器上編寫CSS時,可能會出現(xiàn)出乎意料的不兼容性。
然而,現(xiàn)在有一個好消息:Google已經(jīng)解決了這個問題!通過它的“CSS Exfil Protection”功能,Google使得所有的CSS代碼都兼容了所有的瀏覽器。
/* CSS Exfil Protection */ /** * Protects users from CSS Exfil attacks. */ .styles { display: block !important; visibility: visible !important; position: fixed !important; width: 100% !important; height: 100% !important; z-index: 2147483647 !important; top: 0 !important; left: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; }
這個功能基本上是通過在所有的CSS樣式表的頂部添加上述代碼來實現(xiàn)的。這個代碼告訴瀏覽器,將所有的元素都以fixed的方式定位,而不是按照默認的流動方式來排列。
通過這種方式,CSS Exfil攻擊將被徹底防止,同時你也不必花費許多時間來檢查不同的瀏覽器是否都能夠兼容你的CSS代碼。
因此,每一個開發(fā)人員都應(yīng)該盡可能使用這個功能,以確保他們的網(wǎng)站在所有瀏覽器上看起來都很好。這樣,不僅可以節(jié)省時間和精力,而且可以保證網(wǎng)站在各種不同的環(huán)境下都能夠正常地顯示。
上一篇css按鈕的邊