Question

只是一个普通的HTML和正文。典型的div，比如两个66.66％和33.33宽度和浮动：左设置。这两个五个将并排排列，但字体输出大小不同。超过100％宽度的五个字体输出大小也不同。

如何仅使用CSS使不同Div的所有字体大小相同？

我试过它或者说它变得凌乱

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%;
}

Answer 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/

Answer 2

您可以在body标记中包含css内联。这将使整个页面中的字体相同。如果要更改特定div中的字体，只需通过为要更改的div添加内联来更改该div。

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

Answer 3

使用标记样式为完整文档使用字体大小。 body {font-size：14px}

如何在不同的div中使字体大小输出相同？

3 个答案: