【Vue】解决设置html根字体大小，但使用rem在某些手机浏览器样式错乱问题

问题描述

首先不知道为什么如下代码在html中如下写在某些浏览器（比如华为自带的浏览器）中不生效，但是在手机端edge浏览器没问题。我调试了下发现在那些不生效的浏览器他貌似不能识别@media (max-width: 550px)这个媒体选择器，用的还是根目录设置的字体大小。

<style lang="less">
  html {
     
    font-size: 16px;

    @media