我正在解决可访问性问题。这些问题之一涉及缩放。我想防止某些组件、图像和文本在用户放大时变大。其中一些很容易通过设置max-width: 5vw
,但我不能设置最大字体大小。是否可以防止字体在缩放时变大?
我也可以在图像上设置最大宽度和高度,但400%,它消失了,因为我使用vw & vh
。
这是一张400%放大的截图;
您可以看到AppBar和Sidebar。顶部的内容不应该溢出Appbar,侧边栏是空的,因为它的内容随着缩放而变大,现在隐藏在主要内容部分后面(轻微的灰色区域)。
我正在解决可访问性问题。这些问题之一涉及缩放。我想防止某些组件、图像和文本在用户放大时变大。其中一些很容易通过设置max-width: 5vw
,但我不能设置最大字体大小。是否可以防止字体在缩放时变大?
我也可以在图像上设置最大宽度和高度,但400%,它消失了,因为我使用vw & vh
。
这是一张400%放大的截图;
您可以看到AppBar和Sidebar。顶部的内容不应该溢出Appbar,侧边栏是空的,因为它的内容随着缩放而变大,现在隐藏在主要内容部分后面(轻微的灰色区域)。
1条答案
按热度按时间jm81lzqq1#
您可以使用
calc()
和min()
/max()
/clamp()
设置最小/最大font-size
,如下所示: