【文件属性】:
文件名称:viewportscale:跨视口宽度线性缩放字体大小,边距,填充等
文件大小:2KB
文件格式:ZIP
更新时间:2021-05-25 14:10:59
SCSS
视口比例
跨视口宽度线性缩放字体大小,边距,填充等。
如何使用
在您的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-
【文件预览】:
viewportscale-master
----.gitignore(179B)
----README.md(1KB)
----LICENSE(1KB)
----_viewportscale.scss(834B)