SASS中的瀏覽器過濾器

我正在使用SASS的RoR應用程序，我一直在Chrome中開發它，現在是時候開始跨瀏覽器兼容性工作了。大多數情況下，一切都很好，但我想解決一些小的樣式問題。正常的CSS過濾器沒有工作，我不認爲mixin是解決方案，我不需要任何變量在這種情況下，我一直無法找到很多。任何指針或建議？SASS中的瀏覽器過濾器

來源

2011-11-17 JustLikeThat

您應該使用Modernizr來檢測客戶端瀏覽器中哪些功能可用或不可用。它會在您的頁面的<html>標記附加幾個類，如no-textshadow或boxshadow。這些都是你可以在你的CSS使用類，甚至是你的mixin，像這樣：

@mixin box-shadow($shadow) 
{ 
    @include box-shadow($shadow); 
    .no-boxshadow & 
    { 
     @include box-shadow(none); 
    } 
}

UA嗅探一般，或檢測瀏覽器，不再被認爲是很好的做法，因爲它不是面向未來。 Modernizr當場檢測功能，所以即使有許多瀏覽器不支持X或Y功能，但您不知道，您仍然可以解決這些問題。

如果只是填充或magin問題，這樣的小風格的事情，我建議您使用CSS重置或更好，Normalizer將每個瀏覽器放在同一水平，擦除瀏覽器特定的元素樣式。

來源

2012-04-02 17:39:39

SASS中的瀏覽器過濾器

回答

相關問題