- 如何調(diào)試 IE 瀏覽器
- 安裝虛擬機(jī)使用ie瀏覽器f12打開控制臺(tái)調(diào)試
- 使用某些版本的ie瀏覽器f12
- 什么是CSS hack磷斧？在 CSS 和 HTML里如何寫 hack糠惫？在 CSS 中 ie6、ie7的 hack 方式唱歧？
針對(duì)不同的瀏覽器寫只有這個(gè)瀏覽器認(rèn)得寫法
CSS
.selector { _property: value; }
在屬性前面加上hack寫法
.selector { property: value\9; }
在屬性值后面加上hack寫法
HTML
<!--[if ie 7]-->
Everything but Internet Explorer 7
<!--<![endif]-->
通過添加只有需要hack版本瀏覽器才認(rèn)得注釋
ie6
.selector { _property: value; }
.selector { -property: value; }
ie7
.selector\ {}
ie6&7
.selector { *property: value; }
- 列舉幾種 瀏覽器兼容問題
ie7及以下不認(rèn)
display:inline-block
ie6及以下不認(rèn)除a標(biāo)簽意外的:hover偽類
- 針對(duì)兼容、多瀏覽器覆蓋有什么看法？漸進(jìn)增強(qiáng)和優(yōu)雅降級(jí)是什么意思芋忿？
針對(duì)公司需求和市場(chǎng)需求用戶群體來兼容瀏覽器，用戶太少的話我們就可以不需要花費(fèi)太多的心思在上面
還是要著眼于未來技術(shù)的發(fā)展疾棵。在ie9 firefox chrome要保持基本一致 ie8~ie7 80%左右一致 ie6能夠正常使用即可
漸進(jìn)增強(qiáng) ：針對(duì)低版本瀏覽器進(jìn)行構(gòu)建頁面戈钢，保證最基本的功能，然后再針對(duì)高級(jí)瀏覽器進(jìn)行效果是尔、交互等改進(jìn)和追加功能達(dá)到更好的用戶體驗(yàn)殉了。
優(yōu)雅降級(jí) ：一開始就構(gòu)建完整的功能，然后再針對(duì)低版本瀏覽器進(jìn)行兼容拟枚。
區(qū)別：優(yōu)雅降級(jí)是從復(fù)雜的現(xiàn)狀開始薪铜，并試圖減少用戶體驗(yàn)的供給，而漸進(jìn)增強(qiáng)則是從一個(gè)非扯鹘Γ基礎(chǔ)的隔箍，能夠起作用的版本開始，并不斷擴(kuò)充脚乡，以適應(yīng)未來環(huán)境的需要蜒滩。降級(jí)（功能衰減）意味著往回看；而漸進(jìn)增強(qiáng)則意味著朝前看，同時(shí)保證其根基處于安全地帶俯艰。
- reset.css和normalize.css分別是做什么的捡遍？為什么推薦使用 nomalize.css?
reset.css 對(duì)各個(gè)瀏覽器給予標(biāo)簽的默認(rèn)樣式都重置做到初始化設(shè)置
normalize.css 盡量保留瀏覽器給予標(biāo)簽的默認(rèn)樣式，又能保證其各個(gè)瀏覽器看起來效果一樣
修復(fù)了一些瀏覽器的bug,保留了有價(jià)值的默認(rèn)值竹握，有詳細(xì)的文檔
- IE盒模型和標(biāo)準(zhǔn)盒模型有什么區(qū)別? 怎樣使 IE678使用標(biāo)準(zhǔn)盒模型?box-sizing:border-box
有什么作用
ie盒模型 元素寬度和高度等于 內(nèi)容+padding+border
標(biāo)準(zhǔn)盒模型寬度和高度 等于內(nèi)容
使用最新的html5協(xié)議<!doctype html>
使用ie的盒子模型
本教程版權(quán)歸菲龍?zhí)诫?yún)和饑人谷所有稽莉，轉(zhuǎn)載須說明來源
