html - 使用 html 和 css 的字体大小问题

标签 html css menu screen-resolution font-size

当我构建第一个全 html/css 网站时,我使用可点击的图像作为菜单,并且每个图像和 div 都以 % 缩放,因此它可以很好地适应所有显示器和浏览器,而且确实如此。

现在在一个新元素中,我想使用整个页面的背景图像(上面有菜单按钮,但没有文本)来制作网站菜单,然后在图像顶部添加超链接文本,这样它看起来就像正确的菜单。

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

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

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

一个回答告诉我如何仅使用 css 和 html 来做到这一点,这对我来说更好,我知道一些脚本,但我不喜欢将显示部分与脚本部分混合,所以如果你们有人知道如何制作这个仅使用 html/css 我将继续使用可点击的图像和百分比或像素来完成整个事情。

谢谢。

最佳答案

font-size 不能这样工作。

font-size 是相对于其父元素的 font-size 的大小。

在 CSS 中,您无法根据窗口宽度调整字体大小。然而,这可以计算 in Javascript .

关于html - 使用 html 和 css 的字体大小问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7248553/

相关文章:

html - 当名称很长时,表格的样式不正确

javascript - 事件导航按钮中的不同颜色

jquery - First and Second touch a button,如何显示不同时间的图像?

javascript - 如何更改 DataTables 中分页按钮的默认悬停样式

html - 具有不同列的两个表 - 可能具有相同的高度? HTML CSS

html - 容器的高度不占据整个网页

delphi - delphi程序中的隐藏主菜单,使用Alt键自动显示

HTML+CSS : Horizontal sub menu, 一直显示

html - 垂直对齐 Div 中的文本

html - div对齐问题