uni-app编译小程序样式的条件编译不执行

最近在用uni-app编译小程序的时候发现样式没有条件编译 之前的代码是这样写的

<style lang="scss" scoped>
page {
  //#ifdef H5  
  padding-top: var(--status-bar-height);
   //#endif   
}
.page-header {
   // #ifdef H5  
  padding-top: calc(13rpx + var(--status-bar-height));
   // #endif   
}
.pannel-liveShow .neirong {
//#ifdef H5  
  width: 368rpx;
   // #endif   
  // #ifdef MP-WEIXIN  
  width: 358rpx;
  // #endif   
}
</style>

后来在uni-app官网看到是我的写法错了
样式的条件编译

/*  #ifdef  %PLATFORM%  */
平台特有样式
/*  #endif  */

注意： 样式的条件编译，无论是 css 还是 sass/scss/less/stylus 等预编译语言中，必须使用 /注释/ 的写法。

正确写法

错误写法

于是我把错误代码改成了下面酱紫;

<style  lang="scss" scoped>
page {
  /*#ifdef H5 */
  padding-top: var(--status-bar-height);
  /*#endif  */
}
.page-header {
  /*  #ifdef H5 */
  padding-top: calc(13rpx + var(--status-bar-height));
  /*  #endif  */
}
.pannel-liveShow .neirong {
  /*   #ifdef H5 */
  width: 368rpx;
  /*   #endif */
  /* #ifdef MP-WEIXIN */
  width: 358rpx;
  /*  #endif */
}
</style>

但是编译的小程序样式还是没有条件编译，有点抓狂了啊啊啊
然后在某个帖子的评论里看到scss不能进行条件编译，虽然uni-app说是支持scss进行条件编译的 ，但还是抱着尝试的心态把条件编译全部写到了css里面，emmmm居然可以了。。。
大家要是遇到同样的情况可以试一下这个办法哟