2017-05-06 21 views
0

通常のHTMLと本文です。典型的なdiv、66.66%と33.33の幅と浮動小数点数を持つ2つの例:left setting。これらの2つは並んで並んでいますが、フォントの出力サイズは異なります。 100%幅の5つのフォント出力サイズ以上にも違いがあります。異なるdivでフォントサイズを同じにする方法は?

CSSのみを使用して、すべてのフォントサイズを異なるDivで同じにするにはどうすればよいですか?

私は、EMまたはCHをしようとしたVWそれはすべてのクラスにスタイルを割り当てる厄介

HTMLコードに

<Body> 
<div > 
<Div class="col23"> anything looong</div > 
<Div class="col13" > something a bit</div > 
<div > 
</body> 

スタイル

.col23 { 
width: 66.66%; 
} 
.col13 { 
width: 33.33%; 
} 
+0

コードはどこですか? –

+0

どう違うのですか? –

+0

あなたは同じコードを両方の – scaisEdge

答えて

1

が判明:あなたが持っているので

表示するコードはありません...ここに例があります:

<div class="left"> 
    Left 
</div> 

<div class="right"> 
    Right 
</div> 

<div class="clearfix"></div> 

<div class="left"> 
    Left 
</div> 

<div class="right"> 
    Right 
</div> 

<div class="clearfix"></div> 

CSS:

.left, .right { 
    float: left; 
    color: #fff; 
    height: 10em; 
    font-size: 1.5em; 
} 
.left { 
    width: 66.66%; 
    background-color: #000; 
} 

.right { 
    width: 33.33%; 
    background-color: red; 
} 

.clearfix { 
    clear: both; 
} 

デモ:https://jsfiddle.net/vnsv26j6/1/

1

あなたはbodyタグ内のCSSをインラインで含めることができます。そうすれば、ページ全体で同じフォントになります。特定のdivのフォントを変更したい場合は、変更したいdivのインラインを追加するだけで、そのdivのフォントを変更します。

<body style="font-size:20px;"> 
1

タグスタイルを使用して完全なドキュメントにフォントサイズを使用します。 本文{font-size:14px}

関連する問題