차이점: 1. rpx는 상대 길이 단위이고 px는 고정 길이 단위입니다. 2. rpx는 휴대폰의 해상도와 최신 모델에 적응할 수 있지만 px는 해상도가 다른 휴대폰에는 잘 적응할 수 없습니다. .
이 튜토리얼의 운영 환경: HarmonyOS 2.0 시스템, WeChat 버전 8.0.19, HONOR V30.
미니 프로그램에서 크기는 일반적으로 px 또는 rpx로 측정됩니다. 여기서 px는 전통적인 의미의 픽셀 값으로, 다양한 기능을 갖춘 휴대폰에는 잘 적용되지 않습니다. 따라서 rpx가 등장했습니다
1.rpx는 휴대폰의 해상도에 맞게 조정 가능하며 현재 모델에도 적용됩니다
2.px는 절대 크기입니다.
rpx
rpx(반응형 픽셀): 화면 너비에 따라 조정될 수 있습니다. 지정된 화면 너비는 750rpx입니다. 예를 들어 iPhone6의 화면 너비는 375px이고 총 750개의 물리적 픽셀이 있으며, 750rpx = 375px = 750개의 물리적 픽셀, 1rpx = 0.5px = 1개의 물리적 픽셀입니다.
Device | rpx에서 px(화면 너비/750) | px에서 rpx(750/화면 너비) |
---|---|---|
iPhone5 | 1rpx = 0.42px | 1px = 2. 34rpx |
iPhone6 | 1rpx = 0.5px | 1px = 2rpx |
iPhone6 Plus | 1rpx = 0.552px | 1px = 1.81rpx |
제안: 디자이너는 다음과 같은 경우에 iPhone6를 사용할 수 있습니다. WeChat 미니 프로그램을 시각적 초안의 표준으로 개발합니다.
Note: 작은 화면에서는 필연적으로 약간의 결함이 있을 수 있습니다. 개발할 때 이를 피하도록 하세요.
【관련 학습 추천: 미니 프로그램 개발 튜토리얼】
위 내용은 미니 프로그램에서 rpx와 px의 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!