針對不同瀏覽器不同解析度載入不同css解決方案

來源:互聯網
上載者:User

因為IE各版本的瀏覽器對我們製作的WEB標準的頁面解釋不一樣,具體就是對CSS的解釋不同,我們為了相容這些,可運用條件注釋來各自訂,最終達到相容的目的。比如:

<!– 預設先調用css.css樣式表 –>

<link rel=”stylesheet” type=”text/css” href=”css.css” />

<!–[if IE 7]>

<!– 如果IE瀏覽器版是7,調用ie7.css樣式表 –>

<link rel=”stylesheet” type=”text/css” href=”ie7.css” />

<![endif]–>

<!–[if lte IE 6]>

<!– 如果IE瀏覽器版本小於等於6,調用ie.css樣式表 –>

<link rel=”stylesheet” type=”text/css” href=”ie.css” />

<![endif]–>

這其中就區分了IE7和IE6向下的瀏覽器對CSS的執行,達到相容的目的。同時,首行預設的css.css還能與其他非IE瀏覽器實現相容。

注意:預設的CSS樣式應該位於HTML文檔的首行,進行條件注釋判斷的所有內容必須位於該預設樣式之後。

這也是所謂的css hack技術…

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.