uni-app:单位像素rpx

**rpx:**响应式单位,长宽可以随着屏幕大小改变,其尺寸根据iPhone 6的标准来参考(750rpx为占满屏幕宽,1334rpx为占满屏幕长。750×1334rpx)

例子:

现在展示型号为iPhone 12 pro的型号,这里750px和750rpx均为沾满屏幕宽

更换型号为Surface Pro 7:发现宽度为750px的宽度是固定宽,不会随着屏幕更改二区变化,750rpx反之

代码:

html 复制代码
<template>
	<view class="box">
			<view class="box1"></view>
			<view class="box2"></view>
	</view>
</template>

<script>
	export default {

	}
</script>

<style lang="scss">
	.box{
		.box1{
			width:750rpx;
			height:200rpx;
			background-color:pink;
		}
		.box2{
			width:750px;
			height:200px;
			background-color:green;
		}
	}
</style>
相关推荐
KaMeidebaby3 分钟前
卡梅德生物技术快报|基因测序技术在 46,XY 性发育障碍变异筛查中的流程与数据分析
服务器·前端·数据库·人工智能·算法·数据挖掘·数据分析
m0_7381207215 分钟前
渗透测试基础——黑盒测试下的Web漏洞挖掘与利用解析(二)
服务器·前端·python·网络协议·安全·网络安全
weixin_4296302615 分钟前
3.50 WebARNav:边缘辅助视觉定位的移动Web AR室内导航
前端·ar
yivifu24 分钟前
CSS 自动级联编号有序列表完全指南
前端·css·c#·html·有序列表·级联编号
李白的天不白38 分钟前
pnpm
前端
jay神1 小时前
基于 Python + Flask + Vue 的校内求职互助平台
前端·vue.js·后端·python·flask·毕业设计
2501_940041741 小时前
从跑酷到实时联机:5个能直接用的Web游戏开发需求
前端
RANxy1 小时前
零基础全栈 React 入门(三):状态管理与事件处理
前端
Csvn1 小时前
前端调试技巧
前端
右耳朵猫AI1 小时前
React技术周刊 2026年第20周
前端·react.js·前端框架