Jak wykryć w jakiej przeglądarce użytkownik wyświetla stronę?

Czasami musimy wprowadzić pewną funkcjonalność jedynie dla jednej przeglądarki – oczywiście najczęściej jest to internet explorer 🙂 Poniższe kody umożliwią Ci to w bardzo łatwy sposób:

Internet Explorer 10/11

 

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

// style

}

 

Internet Explorer 9 i niższe:

 

<!–[if IE]>
// style
<![endif]–>

 

Firefox

 

#twenty,  x:-moz-any-link  {// style

}

 

Chrome

 

body:nth-of-type(1) p{// style

}

 

Opera

 

@media all and (min-width: 0px){// style

}

na koniec mały bonusik 😉

iPhone

 

@media only screen and (max-device-width: 480px) ,only screen and (-webkit-min-device-pixel-ratio: 2) {

// style

}

 


Zapisz się do newslettera.
Spam == zero