减小字体大小，但仅当高度减小时

Question

我有一个单击菜单，字体的设计非常大，因此当屏幕高度减小时，某些文本会被隐藏。是否只有减小高度才可以减小字体大小？不是宽度？使用媒体查询高度会导致移动字体大小混乱。 还有其他我不认为要解决此问题的方法吗？ 第一个屏幕截图是高度降低时的导航，您可以看到文本被压缩。

第二张图片是导航仪在全高度下的外观。我希望它保持这个间距

Answer 1

您可以像这样使用媒体查询：

@media (max-height: 600px) and (min-width: 1024px) {
    /* Styles */
}

您可以根据需要的大小使用max和min属性。

Answer 2

您可以通过为vh使用 font size 值来实现。

h1{
   fontsize: 10vh;
}