CSSを使用して特定のデバイスの特定のブラウザをターゲットに設定するにはどうすればよいですか？

携帯デバイスのターゲットFirefoxが必要です。私は試しました：CSSを使用して特定のデバイスの特定のブラウザをターゲットに設定するにはどうすればよいですか？

@media only screen and (max-width: 470px) { 
    @-moz-document url-prefix() { 
     (here some CSS) 
    } 
}

しかし、それは動作しません...他の提案？

出典

2016-06-20 user3612671

を、あなたがそれを行うために持っている場合、大きな問題が遊びにおそらくあります。それ以外のJS broswerスニッフィングはお勧めしませんが、一般的にはお勧めしません。 –

質問を簡単に検索してから、ここに投稿してください。すでに多くの情報がある可能性があります。http://borishoekmeijer.nl/how-to-target-a-specific-browser/またはhttps://stackoverflow.com/questions/952861/targeting-only -firefox-with-css？rq = 1 – Boris

これは実際には正確な科学ではありませんが、これは "Modernizr"などのライブラリの仕事です。

これはブラウザの機能を検出し、それに応じてbodyタグのクラスをレンダリングします。これらを使用して機能を実装できます。

https://modernizr.com/

Alternativtly、あなたが本当にFirefoxなどのブラウザターゲットにする必要がある場合：一般的に

if(navigator.userAgent.toLowerCase().indexOf('firefox') > -1){ 
// Do Firefox-related activities 
// Add a class to appropriate entity, and style using css/media query 
}

出典

2016-06-20 13:55:53 Birksy89

私が望んでいたものではありませんが、多くのコードで動作する解決策です。あなたの考えをありがとう... – user3612671

CSSを使用して特定のデバイスの特定のブラウザをターゲットに設定するにはどうすればよいですか？

答えて

関連する問題