使用html和css时字体大小出现问题

当我建立我的第一个全html/css网站时，我使用了可点击的图像作为菜单，每个图像和div都以%的比例缩放，因此它可以非常好地适应所有的显示器和浏览器，确实如此

现在在一个新项目中，我想使用整个页面的背景图像（上面有菜单按钮，但没有文本）制作网站菜单，然后在图像顶部添加超链接文本，使其看起来像一个合适的菜单

所以我想，如果我只是把字体大小放在%中，它可能会随着浏览器窗口显示部分大小的增加或减小而完美缩放，它与其他所有东西都能完美地配合，那么为什么现在不可以呢

我已经做了，但它不起作用，我不知道它的百分比是从哪里来的，如果我在一个div中设置100%的字体大小，这个div的大小是页面大小的2%或3%，根据分辨率，文本会太大或太小

我知道如何根据浏览器窗口使内容可伸缩，但如何根据该内容或浏览器窗口本身使文本大小可伸缩

一个回答告诉我如何只使用css和html来做这件事对我来说更好，我知道一点脚本，但我不喜欢将显示部分与脚本部分混合，所以如果你知道如何只使用html/css来做这件事，我将继续使用可点击的图像和百分比或像素

---

谢谢。

字体大小

不是那样的

font size

是相对于其父元素字体大小的大小

---

在CSS中，不能根据窗口宽度调整字体大小。但是，这是可以计算的。

这个问题的另一个解决方案是使用流动/响应的CSS框架，然后使用媒体查询来调整字体大小，这取决于浏览器的宽度，以确保它在任何可能的宽度上看起来都很好

例如：

1140网格(http://cssgrid.net/)

骨架(http://www.getskeleton.com/)

或者是我现在工作的人(https://github.com/gogogarrett/Muscle)

---

希望这能有所帮助。

在使用纯CSS的浏览器中，无法使字体大小相对于窗口/容器大小。它只是不受支持。但是，您可以使用javascript为您进行计算，并设置一个全局基本字体大小，从中可以设置其他所有内容的相对大小。字体大小与父元素不完全相关，如果是，我的问题将得到解决。如果你做一点测试，你会明白的。@wxiir我想你误解了我说的话。它不是相对于父元素的大小，而是相对于父元素的字体大小。没错，我真的没有理解你说的话，对不起。但无论如何，如果我现在理解了，那还是错的。如果文本或父元素具有绝对字体大小，而另一个元素具有相对字体大小，则以绝对字体大小为准，如果两者都具有绝对字体大小，将以父元素字体大小为准，如果两者都有相对的字体大小，则可能存在由浏览器或一些垃圾决定的默认字体大小，因此字体将根据浏览器调整大小