|
人一旦習(xí)慣了某些東西就很難去改，以及各種各樣的原因，新的瀏覽器越來越多，而老的總淘汰不了。增長總是快于消亡導(dǎo)致了瀏覽器兼容是成了談不完的話題。說到瀏覽器兼容，CSS HACK自然而然地被我們想起。今天，我們通常都有一個(gè)團(tuán)隊(duì)或者將有一個(gè)團(tuán)隊(duì)的人在一個(gè)公司里面做相同的事，需要我們有統(tǒng)一的規(guī)范來進(jìn)行Coding，以方便維護(hù)。而解決兼容的方法就是（必須是，因?yàn)檫@才最容易有問題的）其中一個(gè)最重要的、要解決的規(guī)范之一。
在解決兼容方法上，想定出一個(gè)統(tǒng)一的規(guī)范，個(gè)人認(rèn)為應(yīng)該以下面3點(diǎn)為基本原則：
- 權(quán)衡成本：在瀏覽器被淘汰后，如何快速清理掉無用代碼
- 可維護(hù)：在資源成本和完美間平衡的向后兼容
- 可讀：省力、易記
這里把成本放在了第一位，并不是說我們不愿意追求完美，而只是，太刻意追求完美有時(shí)候可能會(huì)阻礙我們前進(jìn)；在成本后，應(yīng)該是可維護(hù)和可讀，這點(diǎn)對(duì)于團(tuán)隊(duì)的合作來說至關(guān)重要，而最終結(jié)果也是為了減少成本。
先把這三個(gè)原則存起來，來看看我們平時(shí)解決兼容的寫法（后面會(huì)附詳細(xì)的Hack方法列表）：
一、CSS 選擇器 Hack
/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{head~body .sofish{display:block;}}
這種寫法的優(yōu)缺點(diǎn)是：
- 優(yōu)點(diǎn)：全面，各種HACK都有；清理無用代碼里易認(rèn)
- 缺點(diǎn)：選擇器名稱不易記；代碼量多（要重復(fù)寫選擇器）
二、CSS 屬性 Hack
.sofish{
padding:10px;
padding:9px\9; /* all ie */
padding:8px\0; /* ie8-9 */
*padding:5px; /* ie6-7 */
+padding:7px; /* ie7 */
_padding:6px; /* ie6 */
}
這種寫法的優(yōu)缺點(diǎn)是：
- 優(yōu)點(diǎn)：易記，代碼少
- 缺點(diǎn)：不全面
出處：Alipay UED
責(zé)任編輯：bluehearts
上一頁 下一頁 說說CSS Hack 和向后兼容 [2]
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁 說說CSS Hack 和向后兼容 [1]
第 2 頁 
