2017-09-29 326 views
1

針對IE和Microsoft Edge應用特定css的正確方法是什麼?css target IE和Microsoft Edge

這是我一般的CSS:

.details-list { 
    font-size: 13px; 
    font-style: italic; 
    display: table; 
    margin: 0 auto; 
} 

因此,可以說,我想增加字體大小僅爲Microssft Edge和IE瀏覽器。

什麼是最好的方式來說(sass設置 - 如果有幫助)?

歡迎任何幫助!

+0

使用腳本,並添加類體,腳本應該像'如果(document.documentMode || /Edge/.test(navigator.userAgent)){$('body').addClass('edge -ie')}',你可以通過CSS控制字體大小或其他任何東西,比如'.edge-ie .details-list {font-size:15px; }' – skobaljic

回答

3

通常應避免瀏覽器特定的CSS,但如果您確實需要,您可能會有各種可能性。這應該是最常見的:

  1. 使用條件註釋在HTML針對特定的IE版本:通過寫語法錯誤的CSS,這是(由於自動校正 https://msdn.microsoft.com/en-us/library/ms537512(v=vs.85).aspx

  2. 使用CSS黑客)仍然適用於某些瀏覽器/版本。 http://browserhacks.com/是一個相當不錯的集合此

  3. 使用JavaScript設置CSS-類像is-internet-explorer,然後在CSS中使用的目標只有這樣的瀏覽器。由於的userAgent評價是相當困難的,瀏覽器通常會僞裝成其他瀏覽器,你應該使用一個JavaScript庫這個繁瑣的任務(如https://github.com/DamonOehlman/detect-browser

  4. 使用一些服務器端邏輯提供一個額外的CSS文件管理器或設置一個額外的班級。這與#3基本相同,但在服務器端。