Question

如何将标题h1更改为h6。我需要为我的桌面设置标题h1，但是当涉及到移动时它应该是h6。如何让我的标题响应？

代码笔 https://codepen.io/krishnakernel/pen/VQQyaV

<div class="col-xs-4">
 <!-- small box -->
<div class="small-box bg-red">
  <div class="inner" >
    <h1>999 &#8451;<sup style="font-size: 12px"></sup></h5>
    <p><span>R Current</span></p>
   </div>
   <div class="icon">
     <i class="fa fa-thermometer-3"></i>
   </div>
     <a href="#" class="small-box-footer"> More info <i class="fa fa-arrow-circle-right"></i></a>
  </div>

Answer 1

您不能以这种方式使用标题。使用简单的文本标记，例如<p>。以下是有关如何设置元素样式的示例代码（您必须使用媒体查询）：

#reduce{
  font-size: 24px;
}

@media(max-width: 768px){
  #reduce{
    font-size: 16px;
  }
}

<p id="reduce">Resize this page to see the font-size changing</p>

<强> EDITED

如何使h1到h6在移动设备上做出响应

1 个答案: