4

エネルギーニュースレターのオンライン版であるページがあり、各ストーリーはで区切られてい<hr>ます。今日、そのうちの1つが680x1pxではなく680pxx2pxでレンダリングされていることに気づきました。

要素を調べたところ、高さは次のcssエントリから取得されていることがわかります: "height:0.1em;" そして、なぜブラウザは、他のものではなく、これに異なる厚さが必要であると考えているように見えるのか疑問に思いましたか?(私はそれがそれほど重要ではないことを知っていますが、それは私を悩ませているだけで、誰かが知っている必要があります!)

これはページです:http://utilitiessavings.co.uk/utilities-insider-issue-10-january-2013/

ありがとう

4

2 に答える 2

4

emは絶対的な測定単位ではありません。フォントサイズに比例します。おそらく、2つの異なる<hr>タグは異なるフォントサイズを継承しているため、0.1emの計算方法が異なります。

参照: http: //kyleschaeffer.com/user-experience/css-font-size-em-vs-px-vs-pt-vs/

于 2013-01-11T14:10:29.983 に答える
3

Eiparkが提案しているように、HRバーのフォーマットにはピクセルではなくemを使用しています。

本当に簡単な修正は

Style.cssを使用して、67時間{行を探し、以下のコードも変更します。

これから

height: 0.1em;

これに

height:1px;
于 2013-01-11T14:23:35.500 に答える