WeChat applet development rpx use

In the official WeChat document, we see this sentence:

On the iPhone 6, the screen width is 375px and there are 750 physical pixels in total, then 750rpx = 375px = 750 physical pixels, 1rpx = 0.5px = 1 physical pixel. When developing WeChat mini programs, designers can use iPhone 6 as the standard for visual drafts. In other words, designers can do this when designing small programs:

• Use the iPhone 6 screen size (375×667) directly as the visual draft size, 1 px = 0.5 rpx;

• Based on the standard of 1 px = 1 rpx, set the design draft size to 750×1334.

In fact, in general, you just tell the UI lady, and then you can write the style happily.

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!

Recommended reading:

JS implements data patterns within statistical strings

How to use the front-end Js framework

The above is the detailed content of WeChat applet development rpx use. For more information, please follow other related articles on the PHP Chinese website!