uni-app(移动端) 修改(动态修改)根节点html的样式
uni-app中修改根节点的样式,例如背景颜色、字体大小等样式。由于uni-app不能直接使用@media媒体监听来直接修改html的样式(我这里是需要修改html中的font-size,使用过page,@media都修改失败)。直接在需要修改样式的页面顶部添加,这里的root-font-size是我动态绑定的字体大小,可以按照自己的需要来设置样式参数。经过多次尝试后发现uni-app官网推出的p
·
uni-app中修改根节点的样式,例如背景颜色、字体大小等样式。由于uni-app不能直接使用@media媒体监听来直接修改html的样式(我这里是需要修改html中的font-size,使用过page,@media都修改失败)。
经过多次尝试后发现uni-app官网推出的page-meta可以修改根节点的属性。具体方法如图
直接在需要修改样式的页面顶部添加<page-meta>,这里的root-font-size是我动态绑定的字体大小(因为需要动态改变根节点样式),可以按照自己的需要来设置样式参数。
也可以看uni-app官网的page-meta介绍。
更多推荐
已为社区贡献5条内容
所有评论(0)