uniapp获取屏幕宽度的方式_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";

}

uniapp获取屏幕宽度的方式_uni-app如何实现rem自适应手机屏幕尺寸？相关推荐

仿比心源码，uniApp自适应手机屏幕高度
仿比心源码,uniApp自适应手机屏幕高度 // 获取屏幕高度用res.screenHeight let _this = this; //uni.getSystemInfoSync异步接口uni.ge ...
uniapp中的分享功能实现(APP,小程序，公众号)
uniapp中的分享功能实现(APP,小程序,公众号) 1.APP端的分享 app端的分享可以直接使用uniapp封装的方法uni.share,uni-app的App引擎已经封装了微信.QQ.微博的分 ...
uniapp小程序运行正常，app运行报cid unmatched at view.umd.min.js
uniapp小程序运行正常,app运行报cid unmatched at view.umd.min.js 阐述 uniapp 运行小程序正常,但是调试App.有时候就会报一大堆错误,是因为小程序编辑器 ...
uniapp -- 扫码记录（针对app场景）
背景扫码需求日益增多,为了满足客户的需求,扫码演变的多种多样,其中有二维码,条形码居中,条形码又可以细分成几种,以下记录全屏和自定义页面扫码的在uniapp的技术实现全屏扫码 uniapp自身带的 ...
uni-app 全局消息通知弹窗（App端）
uni-app 全局消息通知弹窗(App端) 实现效果实现一个顶部的全局消息通知,并且可以常驻,除非手动关闭. 效果图如下收到告警通知弹窗从顶部向下弹出,可点击跳转到对应页面,可上滑关闭弹窗,弹 ...
unity5.x C# 获取屏幕宽度设置不受重力影响
在unity5.x中,获取屏幕宽度代码如下: float screenWeight = Screen.width; //获取屏幕宽度 Screen.width 在此获取屏幕的宽度,从而赋值给scree ...
android中屏幕宽高显示不全,Android 获取屏幕宽度跟高度
Android 获取屏幕宽度跟高度在android开发过程中,对于控件的高度,宽度,通过下面的函数调用,轻松实现编程中设置控件的相对宽度跟高度: // 获得屏幕的宽度 public static i ...
[附源码]计算机毕业设计Python+uniapp汽车票管理系统APP65qfl(程序+lw+APP+远程部署)
[附源码]计算机毕业设计Python+uniapp汽车票管理系统APP65qfl(程序+lw+APP+远程部署) 该项目含有源码.文档.程序.数据库.配套开发软件.软件安装教程项目运行环境配置: P ...
Url scheme 方式打开App Store和应用商店
Url scheme 方式打开App Store和应用商店 iOS打开方式 itms-apps://itunes.apple.com/app/id应用ID 例子:微信的应用ID 为 41447812 ...
最新Uniapp开发的多端影视APP+对接苹果CMS
正文: 苹果10CMS影视APP对接,uniapp开发的多端影视APP,本APP有缓存,投屏,播放记录,收藏等功能是非常完善的. 是会员中心也是用的苹果cms的数据,可以打包到多端的代码. 程序: w ...

uniapp获取屏幕宽度的方式_uni-app如何实现rem自适应手机屏幕尺寸？

uniapp获取屏幕宽度的方式_uni-app如何实现rem自适应手机屏幕尺寸？相关推荐

最新文章

热门文章