1.如何調(diào)試 IE 瀏覽器

• IE7以上可以使用自帶的開發(fā)者工具進(jìn)行調(diào)試
• IE7以下：border: 1px solid red;或者outline: 1px solid red;
• 使用js調(diào)試

2.什么是CSS hack嗡善？在 CSS 和 HTML里如何寫 hack册着？在 CSS 中 IE 7、IE 8的 hack 方式蔬将？

CSS hack由于不同廠商的瀏覽器鞋怀，比如Internet Explorer,Safari,Mozilla Firefox,Chrome等屋休，或者是同一廠商的瀏覽器的不同版本，如IE6和IE7梆惯，對CSS的解析認(rèn)識不完全一樣酱鸭，因此會導(dǎo)致生成的頁面效果不一樣，得不到我們所需要的頁面效果垛吗。
這個時候我們就需要針對不同的瀏覽器去寫不同的CSS凹髓，讓它能夠同時兼容不同的瀏覽器，能在不同的瀏覽器中也能得到我們想要的頁面效果怯屉。 簡單的說蔚舀，CSS hack的目的就是使你的CSS代碼兼容不同的瀏覽器。當(dāng)然锨络，我們也可以反過來利用CSS hack為不同版本的瀏覽器定制編寫不同的CSS效果赌躺。

在 CSS 和 HTML里如何寫 hack？

• 屬性前綴法:例如 IE6能識別下劃線"_"和星號" *"足删，IE7能識別星號"*"寿谴，但不能識別下劃線"_"，IE6~IE10都認(rèn)識"\9"失受，但firefox前述三個都不能認(rèn)識
• 選擇器前綴法(即選擇器Hack)：例如 IE6能識別html .class{}讶泰，IE7能識別+html .class{}或者*:first-child+html .class{}
• IE條件注釋法(即HTML條件注釋Hack):
  • 只在IE6下生效

• 在非IE下生效
  <script>alert(1);</script>
• 在IE6以上生效
  ``

3.列舉幾種 瀏覽器兼容問題

• IE6/7不支持inline-block
• IE6不支持css3屬性
• :hover ie6及以下版本只支持在a元素上有效果

4.針對兼容咏瑟、多瀏覽器覆蓋有什么看法？漸進(jìn)增強(qiáng)和優(yōu)雅降級是什么意思痪署？

兼容問題：在開發(fā)網(wǎng)頁的時候码泞，由于各方面的原因，不可能做到所有的瀏覽器都兼容狼犯。所以我們要根據(jù)瀏覽器市場占有率余寥，兼容主流、淘汰末流悯森。兼容并不是一定要分毫不差的在每個瀏覽器都很好的實現(xiàn)宋舷，對于高級瀏覽器功能全開，提供最好的用戶體驗瓢姻。對于低級瀏覽器頁面展示效果可以降低標(biāo)準(zhǔn)祝蝠，并建議提醒客戶轉(zhuǎn)至高級瀏覽器享受更好用戶體驗。

• 漸進(jìn)增強(qiáng):先針對低版本瀏覽器構(gòu)建頁面幻碱，保證基本功能绎狭，再針對高級瀏覽器增加效果。
• 優(yōu)雅降級：先針對高版本瀏覽器構(gòu)建頁面褥傍，再針對低版本瀏覽器進(jìn)行兼容儡嘶。

5.reset.css和normalize.css分別是做什么的？為什么推薦用 nomalize.css?

首先恍风，由于不同的瀏覽器或是瀏覽器的不同版本在支持和渲染頁面時出現(xiàn)的差異蹦狂，導(dǎo)致開發(fā)者需要進(jìn)行瀏覽器的兼容。針對這一問題邻耕，網(wǎng)絡(luò)的大牛們想方設(shè)法出不同的解決方案鸥咖，reset.css和normalize.css這兩種不同思路的解決兼容性問題的方案應(yīng)運而生。

首先兄世，由于不同的瀏覽器或是瀏覽器的不同版本在支持和渲染頁面時出現(xiàn)的差異啼辣，導(dǎo)致開發(fā)者需要進(jìn)行瀏覽器的兼容。針對這一問題御滩，網(wǎng)絡(luò)的大牛們想方設(shè)法出不同的解決方案鸥拧，reset.css和normalize.css這兩種不同思路的解決兼容性問題的方案應(yīng)運而生。

此時削解，一種新的解決這一問題的思路誕生——normalize.css富弦。normalize.css在保留有用的瀏覽器默認(rèn)樣式的基礎(chǔ)上，為不同瀏覽器提供通用樣式的規(guī)范氛驮，即給定通用的樣式腕柜，針對不同瀏覽器出現(xiàn)的兼容性問題分門別類的提供優(yōu)化方案。

6.IE盒模型和標(biāo)準(zhǔn)盒模型有什么區(qū)別? 怎樣使 IE7、8使用標(biāo)準(zhǔn)盒模型?box-sizing:border-box有什么作用

IE盒模型：寬度=邊框+內(nèi)邊距+內(nèi)容
標(biāo)準(zhǔn)盒模型：寬度=內(nèi)容寬度

怎樣使 IE7盏缤、8使用標(biāo)準(zhǔn)盒模型?
>文檔開頭聲明doctype
砰蠢，IE就會開始標(biāo)準(zhǔn)模式
box-sizing:border-box有什么作用

讓標(biāo)準(zhǔn)盒模型變?yōu)镮E盒模型