javascript - 如何设置正文相对于屏幕大小的字体大小

Question

好吧，我目前正在做一些事情，但现在我正在构建一个移动版本，对于那个移动版本，我想设置相对于窗口的文本大小。我试着这样做:

// Getting the right font-size
var viewportWidth  = document.documentElement.clientWidth;
var viewportHeight = document.documentElement.clientHeight;
document.getElementsByTagName("body")[0].style.fontSize = (viewportHeight / 10);

但出于某种原因，它告诉我:

Uncaught TypeError: cannot read 'style' of type undefined.

你们能帮我解决这个问题吗，或者有其他方法(可能是用 css)来解决我的问题。

谢谢。

Answer 1

您的错误消息告诉您 document.getElementsByTagName("body")[0] 给您 undefined。因此，在脚本运行时您没有 body 元素(因此您无法更改其样式)。

或者:

• 将其移出head
• 把它变成一个函数可以在读取/加载文档等时调用

---

此外，CSS font-size 属性需要一个长度，而长度需要单位。