2017-09-29 274 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基本相同,但在服务器端。