如何使用CSS媒體查詢定位瀏覽器？

-1

@media screen and (max-width:1024px) { 

/*Only IE Fix here*/ 



/*Any other browser*/ 
@-moz-document url-prefix() { 

     #categoryBackNextButtons{ 
     width:486px; 
     } 
}

有一種類似的方式，就像是有Firefox的？

來源

2013-06-22 Eddwin Paz

的可能的複製【如何做一個目標IE7和IE8與有效CSS？]（http://stackoverflow.com/questions/814219/how-does-one-target-ie7-and-ie8-with-valid-css）。另一個參考：[IE8支持CSS媒體查詢]（http://stackoverflow.com/questions/5769493/ie8-support-for-css-media-query）。 – Aiias

http://browserhacks.com/ – Pavlo

-1

請不要訴諸用戶代理字符串解析或瀏覽器黑客。由Paul Irish在012條有關條件評論的See this great article。你也可以see the source code of the HTML5 Boilerplate project。

在你的CSS只需使用類名像這樣.lt-ie8 div

來源

2013-06-25 01:06:44

這打破了語義和樣式的分離。我來這裏尋找另一種解決方案，因爲我試圖避免這種情況。 – Rolf

@Rolf，這是最不好的解決方案，不幸的是這裏沒有很好的答案。 –

我知道這是一個老話題，但我只是一直在尋找同樣的問題，找到了答案（而看到這個搜索時）。如果任何人發現這一點，這裏是我（IE10/11，火狐39.0）

IE什麼工作：@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)

火狐：@-moz-document url-prefix()

來源

2015-08-12 17:03:36 Dracco

如何使用CSS媒體查詢定位瀏覽器？

回答

相關問題