1

Inspecting my website with dev tools, and on different browsers. The computed font-size for all my forms is all over the place:

  • Chrome and Safari OS X: 11px
  • FF OS X: 11px except for some that randomly render at 14px.
  • Opera on Windows: 13px
  • jennyfofenny is even reporting strange font sizes of 13.3333px on Windows 7 Chrome.

None of these are the standard 14px I've set to <body> or the 100% browser default of 16. What is going on here?

All of the buttons and inputs are exhibiting this strange behavior: search forms, buttons, my comments section.

I've looked everywhere, tried disabling plugins, tried disabling Javascript, and I simply can't find the source of this bug

The Website in question

Posible Solution:

Adding the input property to the reset sheet starting at line 30 solves the problem.

However:

It's still going to bug me forever how this strange behaviour came to be, considering neither 11px or 13px are browser defaults for anything AFAIK. (jennyfofenny is even getting strange font sizes of 13.3333 on some browsers!)

4

4 に答える 4

1

これらの要素でテキストを非常に小さくしているのは、フォント「profontwindows」だと思います。

それを変えると、間違いなく大きくなります。

于 2012-09-07T20:46:02.780 に答える
1

そこに複数のCSSファイルがあることがわかりました。例えば：

http://public.oneallcdn.com/css/api/socialize/login/frame.css

http://clusterfoo.com/wp-content/themes/Cf/style.css

11px の font-size は、frame.css で次のように定義されています。

.plugin #providers .provider .name {
  color: #555;
  text-align: center;
  font-size: 11px;
  font-family: Tahoma, Kalimati, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Geneva, Arial, Helvetica, Sans-serif;
  line-height: 14px;
  margin: 1px 0 2px;
}
于 2012-09-07T20:54:26.783 に答える
1

私はオパニテックに同意します。あなたのサイトを見ると、すべてがチェックアウトされているようで、Firefox、Chrome、Safari で再確認しました。本文コピーは 14px、h1 は 22px として表示されます。可能であれば、別のブラウザでサイトを表示してください。念のため、いつでも!importantフォントサイズを追加できます。

于 2012-09-07T20:58:43.390 に答える
0

あなたが何を話しているのかわかりません。http://imgur.com/ovWLm

ツールバーにWhatFontブックマークを追加し、その方法でチェックしてください。Ctrl + 0を押して、ズームが100％に設定されていることを確認します。また、すべてのタグのデフォルトのフォントサイズを変更するCSSリセットスタイルシートが含まれていないことを確認してください。

于 2012-09-07T20:39:19.120 に答える