我正在使用外部样式表自定义wordpress主题。
修复字体和内容时,我必须使用!important
来否决用于不同元素的现有设置。
我发现真棒计算行可以解决响应问题。 https://css-tricks.com/snippets/css/fluid-typography/
它使您可以为差异视口设置最小和最大字体大小。
你会用它
@media screen and (min-width: $min-vw)
等...
font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));
例如:
font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
这是我的问题:
通常,我使用!important这样的表达式:
font-size: 16px!important;
如何将calc行与!important表达式结合在一起?
我尝试过
font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)))!important;
,
但这似乎不起作用。