uniapp宽屏适配

用uniapp做的H5页面在大屏幕的安卓机器上运行，就是电影院自动取票机的那种尺寸
其分辨率为1080*1920 我原本的代码在上面运行就显得很小
原因===》

意思就是 rpx这个单位 960像素下可以根据宽度缩放一旦超过960像素就不起作用了

所以要改===》

page.json 把第一个参数改了就完事

{"globalStyle": {"rpxCalcMaxDeviceWidth": 1080, // rpx 计算所支持的最大设备宽度，单位 px，默认值为 960"rpxCalcBaseDeviceWidth": 375, // rpx 计算使用的基准设备宽度，设备实际宽度超出 rpx 计算所支持的最大设备宽度时将按基准宽度计算，单位 px，默认值为 375"rpxCalcIncludeWidth": 750 // rpx 计算特殊处理的值，始终按实际的设备宽度计算，单位 rpx，默认值为 750},
}

uniapp宽屏适配相关推荐

vue怎么给pc端浏览器设置一个最小屏幕_图文讲解uni-app的PC宽屏适配方案
天下苦平台碎片化已久. 在移动互联网以前,开发者只需幸福的面对web.进入移动互联网时代,iOS.Android.H5以及各种小程序快应用层出不穷,开发者再也幸福不起来. 学习n个技术开发n个版本 ...
Android中关于屏幕的三个小众知识（宽屏适配、禁止截屏和保持屏幕常亮）
转自:https://www.jb51.net/article/129633.htm 前言宽屏适配.禁止截屏和保持屏幕常亮,这三个与屏幕有关的 Android 开发小众知识,说不定什么时候就派上用场 ...
uniapp宽屏开发PC端方案，及衍生问题解决
需要在uniapp的pages.json文件中配置 "rpxCalcMaxDeviceWidth": 3840, // rpx 计算所支持的最大设备宽度,单位 px,默认值为 96 ...
uniapp刘海屏适配
新建一个js文件 getPhoneInfo.js (也可以直接写在mian.js) export const getPhoneInfo = () => {const phoneInfo = un ...
图文讲解uni-app支持PC宽屏
天下苦平台碎片化已久. 在移动互联网以前,开发者只需幸福的面对web.进入移动互联网时代,iOS.Android.H5以及各种小程序快应用层出不穷,开发者再也幸福不起来. 学习n个技术开发n个版本 ...
uniapp小程序适配异形屏
uniapp小程序适配异形屏 App.vue写入底部适配横线小程序自定义顶部适配 App.vue写入 globalData: { // 适配刘海屏test: false,statusBarHeig ...
移动端高清、多屏适配方案
2019独角兽企业重金招聘Python工程师标准>>> 背景开发移动端H5页面面对不同分辨率的手机面对不同屏幕尺寸的手机视觉稿在前端开发之前,视觉MM会给我们一个psd文件 ...
移动端开发高清效果和多屏适配
背景开发移动端H5页面面对不同分辨率的手机面对不同屏幕尺寸的手机视觉稿在前端开发之前,视觉MM会给我们一个psd文件,称之为视觉稿. 对于移动端开发而言,为了做到页面高清的效果,视觉稿的规范 ...
移动端H5页面高清多屏适配方案
背景开发移动端H5页面面对不同分辨率的手机面对不同屏幕尺寸的手机视觉稿在前端开发之前,视觉MM会给我们一个psd文件,称之为视觉稿. 对于移动端开发而言,为了做到页面高清的效果,视觉稿的规范 ...

uniapp宽屏适配

uniapp宽屏适配相关推荐

最新文章

热门文章