Javascript 增加整个div内容的字体大小（引导-使用rem），同时设置根html标记字体大小
在以下方面存在很大问题： 需要合并两个模板：一个标准模板与一般外观（页眉和页脚）之前创建的，并在一些“姐妹”网站上使用，使他们看起来相似，另一个新的基于bootstrap4准备的内容只（没有页眉和页脚） 假设标准字体大小为16px。 Html标记的样式将其更改为10px。(62.5%) 页眉和页脚使用纯css设计样式和rem单位。 contentdiv使用bootstrap4，它也使用rems进行样式设置，但是这个内容是使用标准的100%大小来准备的，所以是16px，而不是10px 由于内容div比计划的要小，看起来很糟糕，而页眉和页脚看起来很好。 当我通过Javascript 增加整个div内容的字体大小（引导-使用rem），同时设置根html标记字体大小,javascript,html,jquery,css,bootstrap-4,Javascript,Html,Jquery,Css,Bootstrap 4,在以下方面存在很大问题： 需要合并两个模板：一个标准模板与一般外观（页眉和页脚）之前创建的，并在一些“姐妹”网站上使用，使他们看起来相似，另一个新的基于bootstrap4准备的内容只（没有页眉和页脚） 假设标准字体大小为16px。 Html标记的样式将其更改为10px。(62.5%) 页眉和页脚使用纯css设计样式和rem单位。 contentdiv使用bootstrap4，它也使用rems进行样式设置，但是这个内容是使用标准的100%大小来准备的，所以是16px，而不是10px 由于内容di
font-size:unset取消设置html根元素字体大小时！重要的当页眉和页脚太大时，内容看起来很好
无法使用此html标记字体大小更改旧模板-它是由外部JS生成的
<html lang="en" style="font-size: 62.5% !important;">
<head>
<title>Test</title>
<link rel="stylesheet" href="bootstrap4.css">
</head>
<body>
<div>
Header (using rem for sizing, no bootstrap)
</div>
<div class="content"> <!-- (using bootstrap, so rem for sizing) -->
Content
<h2>
H1 here
</h2>
</div>
<div>
Footer (using rem for sizing, no bootstrap)
</div>
</body>
</html>
试验
标题（使用rem调整大小，无引导）
内容
这里是H1
页脚（使用rem调整大小，无引导）
有没有办法让contentdivsize使用16px而不是10px或其他什么来计算大小？
我用ccs或js试了一整天，但仍然没有结果。
在随后的几天（，）张贴三次相同的问题不会给你带来更好的结果……它们非常相似，但不一样。我在深入研究这个问题的同时发现了更多的细节。“如果我只是更改上一个，anwears将不再有意义了。@john Smith将不再作为字体使用，但仍然是10px。将其设置为160%将导致16px，如果不使用rem定义content div中的大小，但使用em表示ex。一旦使用rem，它仍将根据htmls 10px计算。。。