> 위챗 애플릿 > 미니 프로그램 개발 > 미니 프로그램에서 rpx와 px의 차이점은 무엇입니까?

미니 프로그램에서 rpx와 px의 차이점은 무엇입니까?

青灯夜游
풀어 주다: 2022-02-09 11:59:25
원래의
26997명이 탐색했습니다.

차이점: 1. rpx는 상대 길이 단위이고 px는 고정 길이 단위입니다. 2. rpx는 휴대폰의 해상도와 최신 모델에 적응할 수 있지만 px는 해상도가 다른 휴대폰에는 잘 적응할 수 없습니다. .

미니 프로그램에서 rpx와 px의 차이점은 무엇입니까?

이 튜토리얼의 운영 환경: HarmonyOS 2.0 시스템, WeChat 버전 8.0.19, HONOR V30.

미니 프로그램에서 rpx와 px의 차이

미니 프로그램에서 크기는 일반적으로 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿