Bootstrap响应文本大小

作者: Let us fly
发布时间: 2024-12-13 02:09:20 (2月前)
转自：

3 条回复

0#
回复此人
喜欢一个人丶 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 好吧，我的解决方案有点破解，但它有效，我正在使用它。 </p> <pre> <code> 1vw = 1% of viewport width 1vh = 1% of viewport height 1vmin = 1vw or 1vh, whichever is smaller 1vmax = 1vw or 1vh, whichever is larger h1 { font-size: 5.9vw; } h2 { font-size: 3.0vh; } p { font-size: 2vmin; } </code> </pre> </DIV>

编辑
1#
回复此人
老夫的少女心吖 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 最简单的方法是使用％或em中的维度。只需更改基本字体大小，一切都会改变。 </p> <P> 的<strong> 减 </强> </p> <pre> <code> @media (max-width: @screen-xs) { body{font-size: 10px;} } @media (max-width: @screen-sm) { body{font-size: 14px;} } h5{ font-size: 1.4em; } </code> </pre> <P> 看看所有的方式 <a href="https://stackoverflow.com/a/21981859/406659"> https://stackoverflow.com/a/21981859/406659 </A> </p> <P> 您可以使用视口单元（vh，vw ...）但它们的<strong> 不适用于Android＆lt; 4.4 </强> </p> </DIV>

编辑

登录后才能参与评论