用于Chrome和Firefox的Hack css字体大小

Question

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

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

所以我有这种风格：

.FontSize { 14px; }

和这个元素：

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

对于Chrome，我想设置：

font-size: 12px;

对于firefox，我想设置：

font-size: 12px;

我读到我破解了css，所以这是我的css文件：

CSS FILE：

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

任何帮助表示赞赏！

Answer 1

对于 chrome ，仅限css：

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

firefox 仅限css：

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

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

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