移动端适配rem字体大小不生效

// 获取视窗宽度

        let w = document.documentElement.clientWidth || document.body.scrollWidth;

        console.log(w);

        // 获取视窗高度

        let htmlDom = document.getElementsByTagName('html')[0];

        htmlDom.style.fontSize = w / 10 + 'px';

 这里设置好了之后p标签css样式font-size：0.187rem;设置的样式没有生效是什么原因啊？