增加Foundation 6中移动设备的字体大小

Question

我无法在SCSS和font-size上mobiles tablets增加// Mobile @include breakpoint(medium down) { $global-font-size: 200%; } ：

CSS

添加上述代码后，生成的Public int StudentID {get; set;} public Test(string studentID) { InitializeComponent(); StudentID = Convert.ToInt32(studentID); } 文件甚至无法更改。

Answer 1

不幸的是，无法在媒体查询中定义SASS变量。有关更详细的说明，请参阅this Closed issue（以Foundation为例）。

你可以做类似这样的事情：

%screen-font {
    font-size: 100%;

    @media #{$medium-down} {
        font-size: 200% !important;
    }
}

html {
    @extend %screen-font;
}

Answer 2

我最终做的是将$global-font-size替换为font-size：

// Mobile

html {
    @include breakpoint(medium down) {
        font-size: 200% !important;
    }
}