Question

我正在尝试使用媒体查询来使用Bootstrap框架更改某个div中的字体大小，但无法通过它来更改字体大小。

这是链接：

这是代码：

@media (min-width: @screen-sm-min)  { 
    .logodiv h1 {
        font-size:36px; 
        line-height: 36px;
    } 
}

我想改变大小的措辞是主要标题＆＃34; BLOOD BIKES WALES＆＃34;在顶部的红色字体。

感谢任何帮助

谢谢

Answer 1

您的代码包含一个变量，浏览器不知道该如何处理。你需要使用直接的CSS：

@media (min-width: 768px)  { 
    .logodiv h1 {
        font-size:36px; 
        line-height: 36px;
    } 
}

或者将您的LESS代码编译成适当的CSS。