Twitter bootstrap 更改文本大小

我有这样的部分html模板。我使用bootstrap进行时尚设计

<div class="row">
  <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 positon-relative-block-down">
     <p class="down">Lorem Ipsum is simply dummy</p>
  </div>
  <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 positon-relative-block-up">
      <p class="up">Lorem Ipsum is simply dummy Lorem Ipsum is simply dummy</p>
  </div>
  <div class="col-lg-7 col-md-7 col-sm-8 col-xs-11 positon-relative-block-describe">
       <p class="describe">Lorem Ipsum is simply dummy Lorem Ipsum is simply dummy</p>
   </div>
</div>

Lorem Ipsum只是个傀儡

Lorem Ipsum只是个傀儡Lorem Ipsum只是个傀儡

Lorem Ipsum只是个傀儡Lorem Ipsum只是个傀儡

我有这样的问题：如果我的窗口大小是X列，我的文本就不适合。我的问题是如何为X列（必须更小）添加文本样式

@media screen and (max-width:480px)
{
  [class*='col-xs'] p
  {
    font-size:10px;
  }
}

---

通过这种方式，您可以强制在通用“col-xs”类（

col-xs-6

，

col-xs-3

）中包含段落

p

的所有元素使用

font size

）特别是当屏幕宽度低于引导类的XS后缀使用的典型屏幕宽度时，建议您尝试使用vw而不是px作为字体大小，例如：

div { font-size:2vw}

vw是ViewportWidth，它将使您的字体响应设备宽度，尝试一下它对于响应设计非常有用，您可以在这里看到一个示例：

这就是我在这个世界上的解决方案。

---

希望对您有所帮助。

尽量减少我的文字。尝试更多，使用4vw、10vw或1VW或0.5 0.2vw vw表示视口宽度，因此是指屏幕的宽度。如果开发人员指的是高度，但很重，我建议使用vw，您也可以使用vh。是否可能。。。例如，如果已经为

p

标记定义了

字体大小

。在这种情况下，修改选择器以专门针对此类元素就足够了。谢谢，我尝试您的答案）