使用引导程序调整大小时重新调整文本

Question

如何使用bootstrap重新缩放文本？(实际上是一个h2)问题是标题已经开箱即用.这是css框代码:

.buton{
    padding-top:50px;
    padding-bottom:50px;
    border:2px solid #E3A739;
    border-radius:10px;
    margin-top:3em;
    margin-bottom:3em;
}

这是HTML代码:

<div class="row">
                    <div id="iteme" class="buton col-xs-3 col-md-3 col-lg-3">
                        <h2>Iteme</h2>
                    </div>
                  .....

当我调整页面大小时,如何调整标题大小？(我想让网站响应)

Answer 1

您可以使用vw而不是px:

.buton h2{
    font-size:3vw;
}

您应该根据需要更改变量,并且您也可以使用它进行媒体查询,因为在小型设备中,它可能会变为不可见的实际值(3vw),因此您可以将其更改为小型设备更大的价值.

您可以在此处查看视口单元的浏览器支持:CanIUseIt

我希望这会有所帮助.