Css 使用mixin返回媒体查询

我想创建一个mixin，它将返回一个普通css块和一个媒体查询css块。 移动设备的基本宽度为100vw，台式机的基本宽度为33vw

用法示例：

.app{ @包括响应性{ 宽度：$base width/2； } } 这是一种灵活的方法

 @mixin breakpoint($point) {
    @media (min-width: $point) { @content; } 
}

.app {
  width: 100vw/2;     // for mobile devices
  @include breakpoint(992px){
     width: 33vw/2; // for desktop since
  }
}