css less font-size 加减法

标签 css less

使用 LESS 有没有一种方法可以设置基本字体大小,然后稍后引用它并输出它说 1em 更小?例如:

@font-size: 3.025em;

然后在媒体查询或其他东西中:

@media only screen and (max-width: 959px) {
    .box {
        font-size: @font-size - 1em;
    }
}

我尝试用谷歌搜索这个,但没有找到任何结果。

最佳答案

是的,你可以。您必须将基线字体大小设置为 LESS 将无法推断默认值是什么:

@font-size: 3.025em;

然后在媒体查询中:

@media only screen and (max-width: 959px) {
    .box {
        font-size: @font-size - 1em;
    }
}

;)

关于css less font-size 加减法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18149609/

相关文章:

css - 使用 swiftmailer 发送没有样式表的电子邮件。模板可以有外部样式表吗?

html - 悬停对 class 和 id 的影响是否相互关联?

html - Bootstrap navbar a.brand 在将 @gridGutterWidth(s) 设置为 0px 以实现齐平网格时打破自己的行

jquery - 一个 JQuery UI 网站的 CSS 规划(小部件和页面如何协同工作)

javascript - 事件导航栏不会在第一次更改

javascript - 强制打开至少一个 Accordion Bootstrap 选项卡

css - 如何使用 Less 编译器将十六进制颜色转换为 rgba?

html - table td width 指定多2px

css - less mixin 不继承类

html - CSS 布局中的奇怪 heisenbug