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

【问题标题】：How to make font size output same in different div?如何使不同div中的字体大小输出相同？
【发布时间】：2017-05-06 19:19:46
【问题描述】：

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

如何仅使用 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%;
}

【问题讨论】：

代码在哪里？
它们有什么不同？
你可以为两个 div 分配相同的 css 类
向我们展示代码，重现类似这样的问题？ jsfiddle.net/dalinhuang/fq7aqfbz
是的类似，但我使用 PHP 在 wordpress 中生成 HTML

标签： html css

【解决方案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/

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

使用标签样式为完整文档使用字体大小。正文 { 字体大小：14px }

【讨论】：