• 手机版

    扫码体验手机版

  • 微信公众号

    扫码关注公众号

国内首家协议开发

软芯音视解码保护平台

在线
客服

发布
需求

在线
聊天

天盟
APP

天盟APP下载

关注
微信

微信扫一扫访问
顶部

uni-app如何实现rem自适应手机屏幕尺寸?

uni-app里是可使用upx自动适应屏幕,可我一开始写的是Html,后面因为有需要,所以才转去了Uni-app,可是在Html中写好的rem自适应转换px无法使用,在网页上运行是没有问题的,但在真机测试中无法运行,这是为什么呢?


window.onload = function() {
        setRem();
};
window.onreset = function() {
        setRem();
};
/* 设置字体rem */
function setRem() {
        var width = document.body.offsetWidth; // 获取当前页面的宽度
        var nowFont = width / 375 * 37.5; // 通过标签名称来获取元素
        var htmlFont = document.getElementsByTagName('html')[0]; // 给获取到的元素的字体大小赋值
        htmlFont.style.fontSize = nowFont + "px";
}

免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。

版权声明:作者保留权利,不代表天盟立场。

使用道具 举报

发新帖

发布任务需求已有1031166位用户正在使用天盟网服务

发布分类: *
任务预算: *
需求内容: *
手机号码: *
任务商家报价为
  • 预算价 :
  • 成交价 :
  • 完工期 :
  • 质保期 :

* 最终任务项目以服务商报价、双方协商为准!