uni-app: Einheit Pixel rpx

rpx: Responsive Einheit, Länge und Breite können sich mit der Bildschirmgröße ändern, ihre Größe basiert auf dem iPhone 6-Standard (750rpx ist die volle Bildschirmbreite, 1334rpx ist die volle Bildschirmlänge. 750×1334rpx)

Beispiel:

Zeigen Sie nun das Modell des iPhone 12 Pro, hier werden 750px und 750rpx alle mit der Bildschirmbreite abgedeckt

 Ersetzen Sie das Modell durch Surface Pro 7: Es wurde festgestellt, dass die Breite von 750 Pixel eine feste Breite ist und sich bei der Bildschirmänderung nicht ändert, und umgekehrt für 750 Pixel

 Code:

<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>