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>
相关推荐
音视频开发_AIZ1 分钟前
语聊房实时语音SDK选型:即构 vs 声网 vs 腾讯云深度对比
flutter·unity·uni-app·实时音视频·ai降噪·实时语音·语音社交
IT_陈寒3 分钟前
JavaScript性能翻倍的5个隐藏技巧,90%的开发者都不知道!
前端·人工智能·后端
2501_915909064 分钟前
iPhone 手机日志实时查看,开发和测试中常用的几种方法
android·ios·智能手机·小程序·uni-app·iphone·webview
鹏北海5 分钟前
微前端中的 UMD:必要性解析
前端
CHU7290358 分钟前
暖心陪诊,便捷就医——医疗陪诊预约小程序前端功能解析
前端·小程序
代码的奴隶(艾伦·耶格尔)13 分钟前
Hbase的使用
java·前端·hbase
C澒13 分钟前
企业私有前端物料 AI 化集成方案(RAG+DSL2Code)
前端·ai编程
前端 贾公子15 分钟前
uni-app 也能使用 App.vue?解决 uniapp 无法使用公共组件问题
开发语言·前端·javascript
周淳APP16 分钟前
【HTTP之跨域请求以及Cookie携带的限制】
前端·网络·网络协议·http
默 语16 分钟前
TypeScrip+React 全栈生态实战:从架构选型到工程落地,告别开发踩坑
前端·react.js·架构