Javascript 从html标记重写字体大小百分比属性_Javascript_Html_Css

Javascript 从html标记重写字体大小百分比属性

javascript html css

Javascript 从html标记重写字体大小百分比属性,javascript,html,css,Javascript,Html,Css,我有一个简单的网页，其中打开html标签有一个属性字体大小：60%！重要信息在css文件中设置 <html> <head> ... some js and css ... </head> <body> ... header ... ... content ... <-- need to replace that by new content ... footer ... </body> </html> ... 一些

我有一个简单的网页，其中打开

html

标签有一个属性

字体大小：60%！重要信息

在css文件中设置

<html>
<head>
... some js and css ...
</head>
<body>
... header ...
... content ... <-- need to replace that by new content
... footer ...
</body>
</html>


... 一些js和css。。。
... 标题。。。
... 内容 如您所说，如果您可以将所有新内容添加到一个div中，然后向该div添加一个类，如：
…

然后，设置字体大小的css将是：
html.content{
字体大小：100%；
}

现在针对您的具体问题：

假设字体大小为100px（例如）
上设置的字体大小为62.5%，因此为62.5px
内容的字体大小要回到100px，并且%是相对的，因此如果您在
上执行100%，您会得到（100%*62.5px=62.5px）
你需要更大的内容，结果是（1/0.625=1.6x，或160%）
我相信您的解决方案是将css设置为：

html.content{
字体大小：160%；
}

您不应该需要！重要的
标志，以使此功能正常工作。
或按要求使用span
而不是div。我在问题中添加了小提琴，以便更好地显示我的问题。不幸的是，这个解决方案不起作用。我在我的问题中添加了小提琴，这样可以更好地显示我的问题。
body {
font-size: 137.5% !important;/*62.5% = 100% - 37.5% so 137.5% will be original font size*/
}