Html 破解Chrome和Firefox的css字体大小

我知道每个浏览器都有默认的css

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

所以我有这种风格：

.FontSize { 14px; }

这一要素：

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

对于firefox，我要设置：

font-size: 12px;

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）的字体大小

---

感谢您的帮助

对于chrome仅css：

@媒体屏幕和（-webkit最小设备像素比：0）{
.FontSize{font size:12px；}
}

对于firefox仅css：

.FontSize，x:-moz任何链接{font-size:12px；}

您的代码片段中有轻微错误。上面提到的将解决你的问题

---

阅读Paul Rish的文章了解更多技巧。

在飞行中，我想说您可以使用JavaScript阅读浏览器用户代理。根据用户代理，您可以为特定浏览器设置CSS样式。。。或者您可以使用CSS重置来取消特定于浏览器的样式，只需设置一次即可。@Alonhmiel如果您准备好使用javascript，我有一个现成的答案…@cuSK，谢谢，但没有JS。巴多夫，谢谢你。。Roddyoff Frozenpeas，CSS重置导致标题变得奇怪。@Alonhmiel我的回答解决了你的问题吗？