-
如何調(diào)試 IE 瀏覽器
答：- IE8及其以上版本中按F12進入開發(fā)者調(diào)試
- border: 1px solid red; 或outline: 1px solid red;（outline的好處是不占寬度撒妈，但有些IE6/7不支持）
- 在瀏覽器地址欄輸入javascript:alert(document.get…)進行調(diào)試莉测。
-
什么是CSS hack？在 CSS 和 HTML里如何寫 hack？在 CSS 中 IE 7、IE 8的 hack 方式鸠补？
答：- css hack:目的就是使你的CSS代碼兼容不同的瀏覽器。當然胸哥，我們也可以反過來利用CSS hack為不同版本的瀏覽器定制編寫不同的CSS效果。
- html中寫hack:添加條件注釋赡鲜。（IE10開始不支持cc注釋了）
<!--[if IE 6]> 只在ie6生效 <![endif]--> <!--[if gte IE 7]> 這段文字只在IE6以上(包括)版本IE瀏覽器顯示 <![endif]--> <!--[if lte IE 8]> ie8及其以下版本可見 <![endif]-->- css 中寫hack的方式：屬性加前綴空厌。
- 下劃線：如
.selector { _color: red\9; },IE6能識別，IE7不能識別银酬； - 星號：如
.selector { *color: red\9; },IE6和IE7都能識別嘲更； - \9：如
.selector { color: red\9; },IE6/7/8都能識別；
- 列舉幾種 瀏覽器兼容問題
答：- 偽類:hover,ie6及以下版本只支持在a元素上有效果
- IE8以下版本的瀏覽器不支持min-width和max-width屬性揩瞪；解決方法：直接寫死赋朦。
- display:inline-block,在ie7以下的版本不支持。
針對兼容、多瀏覽器覆蓋有什么看法宠哄？漸進增強和優(yōu)雅降級是什么意思壹将？
答：看法：應(yīng)該根據(jù)項目數(shù)據(jù)調(diào)研，根據(jù)市場數(shù)據(jù)來定為毛嫉，決定兼容程度诽俯。各個瀏覽器渲染標準不一。
漸進增強 progressive enhancement：針對低版本瀏覽器進行構(gòu)建頁面承粤，保證最基本的功能暴区，然后再針對高級瀏覽器進行效果、交互等改進和追加功能達到更好的用戶體驗辛臊。
優(yōu)雅降級 graceful degradation：一開始就構(gòu)建完整的功能仙粱，然后再針對低版本瀏覽器進行兼容。
-
區(qū)別：優(yōu)雅降級是從復雜的現(xiàn)狀開始彻舰，并試圖減少用戶體驗的供給缰盏，而漸進增強則是從一個非常基礎(chǔ)的淹遵，能夠起作用的版本開始，并不斷擴充负溪，以適應(yīng)未來環(huán)境的需要透揣。降級（功能衰減）意味著往回看；而漸進增強則意味著朝前看川抡，同時保證其根基處于安全地帶辐真。
-
reset.css和normalize.css分別是做什么的？為什么推薦使用 nomalize.css?
答：
reset.css:給所有的樣式都添加個默認樣式崖堤，讓所有默認樣式都保持一致侍咱。
normallize.css:保留大部分默認樣式，移除一些基本不會用到的默認樣式密幔，修復各瀏覽器bug楔脯，讓樣式跨瀏覽器保持一致。
為什么推薦使用nomalize.css?- Normalize.css 保護了有價值的默認值胯甩。
- Normalize.css 修復了瀏覽器的bug昧廷。
-
IE盒模型和標準盒模型有什么區(qū)別? 怎樣使 IE7、8使用標準盒模型?box-sizing:border-box有什么作用
答：Paste_Image.png
區(qū)別：IE 盒子模型的 content 部分包含了 border 和 pading偎箫。
IE7木柬、8添加<!doctype html>使用標準盒模型。
為元素指定的任何內(nèi)邊距和邊框都將在已設(shè)定的寬度和高度內(nèi)進行繪制淹办。
box-sizing:border-box作用：通過從已設(shè)定的寬度和高度分別減去邊框和內(nèi)邊距才能得到內(nèi)容的寬度和高度眉枕。（顯示為IE盒模型）
操作
- 安裝xp虛擬機
-
在 IE 7、8 中展示 盒模型、inline-block速挑、max-width的區(qū)別谤牡？
IE7 在聲明DOCTYPE下的盒模型是標準盒模型，inline-block無效梗摇，max-width支持拓哟。
IE8 在聲明DOCTYPE下的盒模型是標準盒模型，inline-block max-width支持伶授。
Paste_Image.png
IE7 沒有聲明DOCTYPE下的盒模型是IE盒模型断序，inline-block和max-width屬性都不支持。
IE8 沒有聲明DOCTYPE下的盒模型是IE盒模型糜烹，inline-block和max-width屬性都不支持违诗。
Paste_Image.png
