Chrome和Firefox的黑客CSS字体大小

我知道每个浏览器都有默认的CSS。Chrome和Firefox的黑客CSS字体大小

我有我的网站标题，我想在每个浏览器中定义不同的字体大小。

所以我有这样的风格：

.FontSize { 14px; }

而这种元素：

<span class="FontSize">text</span>

使用Chrome我想设置：

font-size: 12px;

对于Firefox我想设置：

font-size: 12px;

我读，我砍了CSS，所以这是我的CSS文件：

CSS文件：

.FontSize { 14px; } 

/* Chrome */ 
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .FontSize {font-size:12px;} 
} 

/* Firefox */ 
@-moz-document url-prefix() { 
    .FontSize { 
    font-size:12px; 
    } 
}

，但它不会改变在这些浏览器的字体大小（Chrome和Firefox） ..

任何帮助表示赞赏！

来源

2014-10-29 Alon Shmiel

在飞行中，我会说你可以使用JavaScript来阅读浏览器_USER AGENT_。根据_USER AGENT_的不同，您可以为特定浏览器设置一个CSS样式 – pbaldauf 2014-10-29 20:01:22

...或者您可以使用CSS重置来删除特定于浏览器的样式，只需设置一次即可。 – 2014-10-29 20:06:39

@alonshmiel我有一个准备好的答案，如果你准备使用JavaScript ... – cuSK 2014-10-29 20:50:53

对于铬只有CSS：

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .FontSize { font-size: 12px; } 
}

对于火狐只有CSS：

.FontSize, x:-moz-any-link { font-size: 12px; }

。在你的代码段略有误差。上面提到的将解决你的问题。

阅读Paul Rish的Browser CSS hacks了解更多技巧。

来源

2014-10-29 21:05:39 cuSK

Chrome和Firefox的黑客CSS字体大小

回答

相关问题