我正在制作一个网站，网站即将完成，在测试某人时提到了文本大小设置。现在我知道我可以通过将字体设置为其他设置的设置值了。但是我想看看我是否可以使用Javascript做到这一点。
在我的设置页面上，我的range输入范围是80％到120％，但是它将如何工作，取决于当前的值，它将使文本大小变大。例如，将大小设置设置为100％，然后将其设置为110％，我希望所有文本都比以前大10％，但是即使有可能，我也不知道如何做。如果有人有基于设置有用的更改字体大小的其他方法。
或者我可以这样做：
font-size: {{setting}};
对于我在加载其余CSS之后的整个文档，这是否意味着将所有文本都设置为该大小，还是将其设置为更大/或更小（取决于其是否超过100％）？
您可以将所有文本元素的字体大小更改为变量，如下所示：
:root {
--base-size: 10px;
}
.paragraph-here {
font-size: var(--base-size);
}
.heading-here {
font-size: calc(2 * var(--base-size));
}
该--base-size变量可以在随后在JavaScript中内嵌样式进行定制。
另一个选择是将其添加zoom到整个页面，如下所示：
body {
zoom: 110%;
}
但是，这将扩大整个页面，而不仅仅是文本元素。
我希望这有帮助。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句