任何人都可以指出我在这里缺少的东西。当浏览器页面大小很小时,我无法弄清楚为什么我的基线字体font-size: 1.1rem;
不起作用。它宁愿拿起/默认字体大小
@mixin atSmall {
font-size: 2rem;
}
长hero.css
&__title{
font-weight: 300;
color: $mainBlue;
margin: 0;
font-size: 1.1rem;
@mixin atSmall {
font-size: 2rem;
}
@mixin atMedium {
font-size: 3.2rem;
}
@mixin atLarge {
font-size: 4.8rem;
}
}
_mixins.css
@define-mixin atSmall {
@media (min-width: 530px) {
@mixin-content;
}
}
@define-mixin atMedium {
@media (min-width: 800px) {
@mixin-content;
}
}
@define-mixin atlarge {
@media (min-width: 1200px) {
@mixin-content;
}
}
styles.css的
@import 'normalize.css';
@import 'base/_global';
@import 'base/_variables';
@import 'base/_mixins';
@import 'modules/_large-hero';
@import 'modules/_btn';
由于