0
点赞
收藏
分享

微信扫一扫

uni-app(移动端) 修改(动态修改)根节点html的样式


uni-app中修改根节点的样式,例如背景颜色、字体大小等样式。由于uni-app不能直接使用@media媒体监听来直接修改html的样式(我这里是需要修改html中的font-size,使用过page,@media都修改失败)。

经过多次尝试后发现uni-app官网推出的page-meta可以修改根节点的属性。具体方法如图

uni-app(移动端) 修改(动态修改)根节点html的样式_前端

 直接在需要修改样式的页面顶部添加<page-meta>,这里的root-font-size是我动态绑定的字体大小(因为需要动态改变根节点样式),可以按照自己的需要来设置样式参数。

也可以看uni-app官网的page-meta介绍。

uni-app(移动端) 修改(动态修改)根节点html的样式_uni-app_02

uni-app(移动端) 修改(动态修改)根节点html的样式_前端_03

 

 

举报

相关推荐

0 条评论