javascript - 基于视口(viewport)宽度和高度的字体大小

标签 javascript html css sass

我会保持简短明了,所以我明白了:

  • VW 根据视口(viewport)宽度更改字体大小。

  • VH 根据视口(viewport)高度更改字体大小。

我的问题是;

有没有办法根据视口(viewport)宽度和高度来缩放字体大小? 因此,同时更改浏览器的高度和宽度会适本地缩放我的字体大小。

我问是因为我想将我的文本大小适本地缩放到它们所在的容器,我的问题是容器缩放到 100% 宽度和 100% 高度。因此,根据高度和宽度缩放文本大小似乎是合乎逻辑的,除非有一种方法可以根据其父容器的尺寸来调整大小吗?


感谢任何帮助或建议,提前致谢

I tried using percentages and looked at various font-sizing syntax yet i can't seem to find anything that scales based on both the width and height, is there a reason for this?

最佳答案

看看 vminvmax

  • 1vmin = 1vw1vh,以较小者为准
  • 1vmax = 1vw1vh,取大者

关于javascript - 基于视口(viewport)宽度和高度的字体大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41852827/

相关文章:

html - 需要div占空间布局,不会占空间

Javascript 未加载到 HTML 文档中

javascript - Mithril : render one DOM element bases on another

javascript - 如果选择了所有 radio 中的任何一个选项,是否显示 Div?

javascript - AngularJS : Refreshing data in view on click of tabs

html - Firefox 水平菜单问题,所有其他浏览器都很好

jquery - 将鼠标悬停在选项卡上时,CSS 会更改 Bootstrap 选项卡控件上选项卡的颜色

javascript - HTML 5 div 高度 :100% is not working

javascript - 如何手动创建 Git blob 对象,然后使用 node.js 读取内容,就像 ProGit 关于 Git 内部原理的章节中一样?

javascript - "selection boxes"的正确术语是什么(例如在 Finder 中选择多个项目)? ( react )