Html 如何在boostrap col-sm-3中相对调整字体大小

我以为字体大小会被rem改变，但字体大小保持不变。我可能会错过编写代码的机会。如何根据屏幕宽度修改字体大小

请给我合适的代码。

简单的类错误：

---

您的

ul

有一个HomeIndex类，而您的样式是

.home\u index

。将您的

ul

类更改为

home\u index

，或将您的样式更改为

.HomeIndex
将
home\u index
与html一起使用

.home_index{
    list-style: none;
    padding: 0px;
    margin: 0px;
    font-size: 1.5rem;
    line-height: 2
}   



关系句


或

将css类
home\u index
更改为
HomeIndex
在HTML中，使用类名“HomeIndex”。但是你的CSS使用类名“home_index”。哦。谢谢它被激活了
.home_index{
    list-style: none;
    padding: 0px;
    margin: 0px;
    font-size: 1.5rem;
    line-height: 2
}   

  <!--main content-->
    <div class="col-sm-9 col-xs-12">
        <ul class="home_index">
          <li>relative sentence</li>
        </ul>
    </div><!--main content-->