浏览器的 CSS 规则,某些 div 的字体大小 EM

标签 css cross-browser font-size

我有一些 div 在移动设备和不同的浏览器中,例如 Internet Explorer 和 Mozilla,在 Samsung galaxy S6 下,显示不同的字体大小。

我正在与 EM 合作:是的,也许它不是最好的,但我喜欢它并且对此感到满意。

是否有一些 CSS hack 或方式(不是 javascript)来定义多个规则取决于浏览器。

例如(我会在每个 div 上做,而不是按设置做)

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

而且我认为我还必须保留第一个声明,如果不是 Mozilla 或 Explorer,则为 .divone。

有人知道怎么做吗?

谢谢

最佳答案

不是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-font-style.css,你的样式只适用于 firfox

关于浏览器的 CSS 规则,某些 div 的字体大小 EM,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31734539/

相关文章:

javascript - 为什么通过 iOS Twitter 浏览器访问网页时 javascript 无法在网页上执行?

html - AngularJS 支持哪些浏览器?

css - 高度:auto interact with line-height:0 and different font-size怎么算

css - 为什么 Mac OS 上的 Safari 中的字体大小如此之小?

javascript - 如何更改我的 div JavaScript 的宽度

javascript - 如何使用 dojo.style 处理多个表单页面?

javascript - 在没有 Jquery 的情况下,在 mouseEnter 和 mouseLeave 上 react 停止/开始淡出

css - 如何让内容在背景图片之后开始(响应式)?

javascript - 范围的 Modernizr 函数

html - 网页设计: Font Size/Layout/Mobile Device