视口比例
跨视口宽度线性缩放字体大小,边距,填充等。
如何使用
在您的sass文件中导入_viewportscale.scss :
@import " viewportscale " ;
现在,您可以像这样使用vs mixin:
@include vs ( $property , $min-viewport-width , $min-size , $max-viewport-width , $max-size );
例子1
h1 {
@include vs ( font-size , 320 px , 32 px , 960 px , 48 px );
}
它将被编译为:
h1 {
font-size : 32 px ;
}
@media screen and ( min-width : 320 px ) {
h1 {
font-
评论0
最新资源