如何在使用媒体查询和scss时更改变量值
如何在使用媒体查询和scss时更改变量值
提问于 2021-01-10 22:34:43
我在我的站点中有相同的字体大小变量。当我在scss中使用媒体查询时，我想更改此变量的值...我该怎么做..。下面的方式并不存在...
@media screen and (min-width:1000px){
$font-sm: 13px;
$font-default: 15px;
$font-md: 18px;
}
@media screen and (max-width:999px){
$font-sm: 10px;
$font-default: 12px;
$font-md: 14px;
}回答 1
Stack Overflow用户
发布于 2021-01-11 00:02:18
请改用自定义属性。
@media screen and (min-width: 400px) {
:root {
--font-sm: 13px;
--font-default: 15px;
--font-md: 18px;
}
}
@media screen and (max-width: 800px) {
:root {
--font-sm: 10px;
--font-default: 12px;
--font-md: 14px;
}
}
body {
font-size: var(--font-default);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65654401
复制相关文章
相似问题
腾讯云开发者
