關於IE瀏覽器的兼容性問題

這周老師教了咱們關於瀏覽器兼容性問題，如何讓不一樣的瀏覽器兼容也是咱們程序師要爲客戶解決的問題，
不管用戶用什麼瀏覽器來查看咱們的網站或者登錄咱們的系統，都應該是統一的顯示效果。

瀏覽器兼容問題一：不一樣瀏覽器的標籤默認的外補丁和內補丁不一樣

問題症狀：隨便寫幾個標籤，不加樣式控制的狀況下，各自的margin 和padding差別較大。

碰到頻率:100%

解決方案：

備註：這個是最多見的也是最易解決的一個瀏覽器兼容性問題，幾乎全部的CSS文件開頭都會用通配符*來設置各個標籤的內外補丁是0。

在最開始作網頁中咱們也會用到設置佈局的方式來適應不一樣的屏幕大小的兼容，適應臺式電腦、筆記本電腦、各類手機、平板。

咱們會用到以下的方式

有時候咱們網頁作出來的效果會把一行擠到下一行去，沒有那麼的大身子卻佔用一大塊空間，咱們經常使用div標籤，而div標籤就是一個典型的塊屬性標籤它把一行佔滿，其餘的就移動不上去，咱們就會用到 display:inline;將其轉化爲行內屬性：

如今咱們還學了css hack 的原理，因爲不一樣的瀏覽器和瀏覽器各版本對CSS的支持及解析結果不同，以及CSS優先級對瀏覽器展示效果的影響，咱們能夠據此針對不一樣的瀏覽器情景來應用不一樣的CSS。學習了這個以後，原來各版本不一樣的瀏覽器顯示不一樣，讓我找到了問題所在，讓我稍稍瞭解了怎麼去適應瀏覽器展示效果的問題

經過 IE 的條件註釋 來完成條件註釋：        

與html註釋類似<!-- -->  if條件判斷是否可以解析註釋裏的內容

gt : 選擇條件版本以上的版本(不包含條件版本)       gt ie 7  

lt : 選擇條件版本如下的版本(不包含條件版本)       lt ie 8

gte :選擇條件版本以及以上版本       gte ie 7  

lte :  ! :選擇條件版本意外的全部版本      ! ie6

 咱們經過實踐獲得

* 或 # ，IE七、IE11 支持。     \9 ，IE八、IE九、IE11 支持。     \0 ，IE八、IE9 IE10 支持。      *、#、\九、\0 這幾個寫法除了IE外其餘瀏覽器均不支持。