要素pサイズを修正するには

Question

私はpowerpointに似た1つのhtml/jsアプリケーションで作業していますので、アプリケーションはスライダを作成して任意のタイプのスクリーンに表示します（大きなスクリーンですが、例1つの画面は128x90 [px]になります。画面は2x1 [metters]になります）

作成プロセスでは、人々はこの時点でpx（11,12,14 .... 100）の異なるフォントサイズを選択できます。

.text-show{ 
    color: #FFFFFF; 
    margin-bottom: 10px; 
    font-size: 11px !important; 
    font-family: Arial; 
    font-weight: lighter !important; 
    line-height: 1 !important; 
} 

、その他のCSS（私は誰かのプロジェクトで作業し、1つの古いdevの多くの親やCSSに追加します）、このCSSを持っている私は、テキストと親要素を追加します。

私の問題は、私は「P」この「SOMEx12px」の大きさのために得るクリエータ部には例

<p> some text <span style="font-size: 11px">other text</span></p> 

のために、テキストを追加しますが、最終的な結果にi「はSOMEx12を得るとき。 66px '

私は多くのピクセルで作業しているので、0.66ピクセルのバリエーションが表示されています（私は他の要素を持っていました。

私の質問は、どのように私はこの問題を解決することができます、私はCSSを確認し、私は奇妙なを見つけることができません。

これをテストするには、同じブラウザを使用してスライダを作成して見てください。画面にも同じブラウザが表示されます。

Answer 1

Normalize.cssファイルを使用しようとしましたか？あなたが必要としないコードの一部をブラウザに追加してください。p{font-size:110%}やspam{font-size:110%}のようなものもあります。