大きなテストスイートで、レイアウトがどのように詳細に解釈されるかをテストしており、MacとLinux上のGoogleChromeがテキスト領域のサイズを異なる方法で計算することを発見しました。次のjsfiddleを参照してください。
http://jsfiddle.net/AndrasMadsen/Cspcf/
<span>
参考までに、Macがボックスを次のようにレンダリングしていることがわかります。
{
"top": 8,
"bottom": 25,
"left": 8,
"right": 84,
"width": 76,
"height": 17
}
Linuxはそれを次のようにレンダリングします:
{
"top": 8,
"bottom": 26,
"left": 8,
"right": 84,
"width": 76,
"height": 18
}
テストをより柔軟にすることができますが、結果は後でコンピューターで分析されるため、ボックスのサイズを一定にすることが非常に重要です。
また、ソリューションは最新バージョンのGoogle Chromeでのみ実行する必要があり、フォントファミリを変更することで解決する場合は、問題ありません。しかし、CSSを制御できない現実の世界に近づくために、カスタムCSSプロパティを追加することは避けたいと思います。ただし、このテストスイートでは、CSSを制御しているので、許容できます。