Question

如果在非引导布局中使用em /％值，则无论文本大小保持不变，它们都会在引导程序中响应，并且在使用vw时它们会响应。这样做的原因是如何在没有媒体查询的情况下使其响应。

Answer 1

Bootstrap中的.lead类使用Media Queries，因此根据设备的屏幕宽度，font-size属性将是不同的值

/*---------------------
     Media Queries
---------------------*/
/* Desktops */
@media only screen and (min-width: 993px) {

  .lead {
    font-size: 3.5em;
  }

}
/* Tablets */
@media only screen and (min-width: 769px) and (max-width: 992px) {

  .lead {
    font-size: 3em;
  }

}
/* Smartphones Landscape & Portrait */
@media only screen and (max-width: 768px) {

  .lead {
    font-size: 2em;
  }

}
/* Smartphones Portrait */
@media only screen and (max-width: 540px) {

  .lead {
    font-size: 1em;
  }

}

根据屏幕大小更改fonts的大小，这是我发现自己使用媒体查询最常见的事情之一

Answer 2

很抱歉，我在任何给定的文档中都了解使用百分比时，他们只响应填充，边距和其他内容而且文本总是没有响应，必须根据媒体查询进行更改。

即使有填充和边距，Ems也总是没有响应。

即使使用em /％值，为什么文本在引导程序中无响应

2 个答案: