uniapp宽屏适配

news/2024/11/29 4:36:19/

用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},
}

http://www.ppmy.cn/news/385008.html

相关文章

(自适应手机端)HTML5简繁字体绿色宽屏物流运输类网站源码 响应式大气快递货运网站

介绍: PbootCMS内核开发的网站模板,该模板适用于物流运输网站、快递货运网站等企业,当然其他行业也可以做,只需要把文字图片换成其他行业的即可; 自适应,同一个后台,数据即时同步,简…

Android 宽屏适配的简单设置

宽屏适配 目前不少手机,例如三星、一加5等手机的屏幕比例超过了16:9,对于Android app 来说就需要进行屏幕适配了。适配方式: 在功能清单 Manifest 文件中,定义一个 ‘meta-data’标签,里面设置 android.max_aspect 属性…

Vue实现头部导航宽屏下拉菜单

目录 一、效果 二、实现 一、效果&#xff1a; 实现功能如图&#xff1a;&#xff08;只有导航1有数据&#xff09; 二、实现&#xff1a; 直接上代码&#xff1a; <template><div class"menu_all"><!-- 头部导航 --><div class"m…

苹果CMSV10高端安全干净模板宽屏大图轮播支持DIY的自适应模板

苹果CMSV10高端安全干净模板宽屏大图轮播支持DIY的自适应模板 首页幻灯片数据为5星推荐全部分类8个&#xff08;必须8个&#xff09;&#xff0c;图片链接填写格式"http://xxx.com/xxx.jpg) #0D0804"&#xff0c;其中#xxx是颜色参数&#xff0c;颜色代码百度自行搜索…

css宽屏显示_如何仅导入宽屏CSS文件

css宽屏显示 How to import a css file, such as for an open fonts hosted by Google, only for wide screens, such as with px of larger than 846? 如何css文件导入&#xff08;例如由Google托管的开放字体&#xff09;&#xff0c;仅用于宽屏幕&#xff08;例如px大于846…

广告图宽屏显示的效果

首先看图片&#xff1a; 在这个图片中&#xff0c;我们可以看出&#xff0c;这个效果只要实现的是广告图宽屏显示的效果&#xff0c;当鼠标移动到圆点的时候&#xff0c;广告图能实现淡入淡出的效果&#xff1b;这个效果是我们一直要找的一种插件 最后&#xff0c;Javascript的…

魔兽争霸III冰封王座宽屏分辨率的修改方法

最近新买了个宽屏的液晶显示器&#xff0c;1440*900的分辨率&#xff0c;无论是看片还是玩游戏都很爽。但是在玩魔兽争霸的时候出了一个小问题&#xff0c;就是这款游戏不支持宽屏的分辨率&#xff0c;在游戏图像设置的选项里根本没有16:9的分辨率&#xff0c;全部是4:3的。因此…

PPT基础(二)宽屏和普屏

宽屏长宽比&#xff08;16&#xff1a;9&#xff09;&#xff0c;普屏长宽比&#xff08;4&#xff1a;3&#xff09; PPT的2013开始&#xff0c;默认页面为16&#xff1a;9 设置宽屏与普屏&#xff1a; 点击菜单栏上的 设计 找到右侧的 幻灯片大小 点击其下拉三角&#xff0c…