javascript 如何阻止文本在放大时变大

6yjfywim  于 2023-06-28  发布在  Java
关注(0)|答案(1)|浏览(83)

我正在解决可访问性问题。这些问题之一涉及缩放。我想防止某些组件、图像和文本在用户放大时变大。其中一些很容易通过设置max-width: 5vw,但我不能设置最大字体大小。是否可以防止字体在缩放时变大?
我也可以在图像上设置最大宽度和高度,但400%,它消失了,因为我使用vw & vh
这是一张400%放大的截图;

您可以看到AppBar和Sidebar。顶部的内容不应该溢出Appbar,侧边栏是空的,因为它的内容随着缩放而变大,现在隐藏在主要内容部分后面(轻微的灰色区域)。

jm81lzqq

jm81lzqq1#

您可以使用calc()min()/max()/clamp()设置最小/最大font-size,如下所示:

p {
  font-size: calc(clamp(1vw, 1rem, 2vw));
}
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Error modi repudiandae, libero a doloribus neque natus eaque fugiat alias magnam sint, suscipit, dolor accusantium. Consequuntur vel officia blanditiis veniam quia.</p>

相关问题