Правила CSS для браузеров, размер шрифта EM для некоторых divs

Question

У меня есть некоторые div, которые в мобильных устройствах и разных браузерах, например Internet Explorer и Mozilla под Samsung Galaxy S6, показывают не тот же размер шрифта.

Я работаю с EM: да, возможно, это не лучшее, но мне оно нравится, и я чувствую себя комфортно с этим.

Есть ли какой-либо CSS-хак или способ (а не javascript), чтобы определить несколько правил, зависит от браузера.

Например (и я буду делать это на каждом DIV, а не набор)

.divone 
{ 
font-size: 20em; 
} 
If its Mozilla... .divone { } 
If its Explorer... .divone { } 

И я думаю, что я должен сохранить первое заявление, .divone если это не Mozilla или Explorer, ,

Кто-нибудь знает как?

Благодаря

Answer 1

Не JavaScript? как насчет PHP

получить

if(isset($_SERVER['HTTP_USER_AGENT'])){ 
    $agent = $_SERVER['HTTP_USER_AGENT']; 
} 

сравнить & набор CSS

if(strlen(strstr($agent,"Firefox")) > 0){  
     $browser = 'firefox'; 
    } 
    if($browser=='firefox'){ 
     echo '<style type="text/css" href="firefox-font-style.css"/>'; 
    } 

Добавление файла FireFox-шрифта style.css с стилями только для FIRFOX