CSS hack
由于不同廠商的流覽器或某瀏覽器的不同版本（如IE6-IE11,Firefox/Safari/Opera/Chrome等）绣版，對CSS的支持放祟、解析不一樣叔收，導(dǎo)致在不同瀏覽器的環(huán)境中呈現(xiàn)出不一致的頁面展現(xiàn)效果尝江。為了獲得統(tǒng)一的頁面效果啸驯，就需要針對不同的瀏覽器或不同版本寫特定的CSS樣式客扎，我們把這個針對不同的瀏覽器/不同版本寫相應(yīng)的CSS code的過程，叫做CSS hack罚斗。CSS Hack方式
https://blog.csdn.net/freshlover/article/details/12132801
1徙鱼、條件注釋法
這種方式是IE瀏覽器專有的Hack方式，微軟官方推薦使用的hack方式
2针姿、類內(nèi)屬性前綴法
在CSS樣式屬性名前加上一些只有特定瀏覽器才能識別的hack前綴袱吆，以達(dá)到預(yù)期的頁面展現(xiàn)效果厌衙。
3、選擇器前綴法
針對一些頁面表現(xiàn)不一致或者需要特殊對待的瀏覽器杆故，在CSS選擇器前加上一些只有某些特定瀏覽器才能識別的前綴進(jìn)行hack迅箩。條件注釋：
于HTML源碼中被IE有條件解釋的語句溉愁。條件注釋可被用來向IE提供及隱藏代碼处铛。IE Hack：
即HTML條件注釋Hack。這類Hack不僅對CSS生效拐揭，對寫在判斷語句里面的所有代碼都會生效js 能力檢測：
用js識別瀏覽器的能力撤蟆。關(guān)鍵是先檢測能達(dá)到目的的最常用的特性，必須實(shí)際測試要用到的特性堂污。html5shiv.js：
htnl5shiv主要解決HTML5提出的新的元素不被IE6-8識別的問題家肯，這些新元素不能作為父節(jié)點(diǎn)包裹子元素，并且不能應(yīng)用CSS樣式盟猖。讓CSS 樣式應(yīng)用在未知元素上只需執(zhí)行 document.createElement(elementName) 即可實(shí)現(xiàn)讨衣。html5shiv就是根據(jù)這個原理創(chuàng)建的。respond.js：
Respond.js讓不支持css3 Media Query的瀏覽器包括IE6-IE8等其他瀏覽器支持媒體查詢式镐。css reset：
因?yàn)樵缙诘臑g覽器支持和理解的CSS規(guī)范不同反镇，導(dǎo)致渲染頁面時效果不一致，會出現(xiàn)很多兼容性問題娘汞，所以將瀏覽器的默認(rèn)樣式全部覆蓋住normalize.css：
一個可以定制的CSS文件歹茶，它讓不同的瀏覽器在渲染網(wǎng)頁元素的時候形式更統(tǒng)一。它保護(hù)有用的瀏覽器默認(rèn)樣式你弦，而不是完全去掉它們惊豺；為大部分HTML元素提供一般化的樣式；修復(fù)瀏覽器自身的bug并保證各瀏覽器的一致性禽作；用一些小技巧優(yōu)化CSS可用性尸昧；用注釋和詳細(xì)的文檔來解釋代碼。Modernizr：
Modernizr是一個開源的JS庫旷偿，檢測瀏覽器對 CSS3 或 HTML5 功能支持情況烹俗，使得設(shè)計師可以在支持HTML5和CSS3的瀏覽器中充分利用HTML5和CSS3的特性進(jìn)行開發(fā)，同時又不會犧牲其他不支持這些新技術(shù)的瀏覽器的控制狸捅。postCSS：
PostCSS 提供了一種方式用 JavaScript 代碼來處理 CSS衷蜓，主要功能只有兩個：第一個是把 CSS 解析成 JavaScript 可以操作的抽象語法樹結(jié)構(gòu)（Abstract Syntax Tree，AST）尘喝，第二個就是調(diào)用插件來處理 AST 并得到結(jié)果磁浇。
一些瀏覽器兼容常用術(shù)語
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門度宦，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人告匠，你說我怎么就攤上這事戈抄。” “怎么了后专？”我有些...
- 文/不壞的土叔 我叫張陵划鸽，是天一觀的道長。 經(jīng)常有香客問我戚哎，道長裸诽，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任型凳，我火速辦了婚禮丈冬，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘啰脚。我一直安慰自己殷蛇，他們只是感情好，可當(dāng)我...
- 文/花漫 我一把揭開白布橄浓。 她就那樣靜靜地躺著粒梦，像睡著了一般。 火紅的嫁衣襯著肌膚如雪荸实。 梳的紋絲不亂的頭發(fā)上匀们，一...
- 文/蒼蘭香墨 我猛地睜開眼畔规，長吁一口氣：“原來是場噩夢啊……” “哼局扶！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起，我...
- 序言：老撾萬榮一對情侶失蹤三妈，失蹤者是張志新（化名）和其女友劉穎畜埋，沒想到半個月后，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體畴蒲，經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡悠鞍，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年，在試婚紗的時候發(fā)現(xiàn)自己被綠了模燥。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片咖祭。...
- 正文 年R本政府宣布，位于F島的核電站慧瘤，受9級特大地震影響戴已，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜锅减，卻給世界環(huán)境...
- 文/蒙蒙 一糖儡、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧怔匣，春花似錦握联、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至剿骨，卻和暖如春代芜，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背浓利。 一陣腳步聲響...
- 正文 我出身青樓嫡秕，卻偏偏與公主長得像，于是被迫代替她去往敵國和親苹威。 傳聞我的和親對象是個殘疾皇子昆咽，可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 問答題47 /72 常見瀏覽器兼容性問題與解決方案？ 參考答案 (1)瀏覽器兼容問題一：不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
- 第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML標(biāo)準(zhǔn)潮改。 注意：講述HT...
- 愛是想觸碰卻又收回的手 李藝彤這幾天難得的回到中心沒有去出很遠(yuǎn)的外務(wù)汇在。學(xué)著趙粵前兩天的視頻翰萨，自己也弄了個...
