rpx
Why does the same button size look wider on another phone?
600 ÷ 750 × 375 = 300px750rpx corresponds to full page width, so 600rpx takes 80%. The diagram encodes that proportion.
Page width is the reference: Displayed CSS pixels = rpx value × page width in CSS pixels ÷ 750. The reference is page width, not physical pixel density.
Keep content readable: Scaling margins and widths can help. Long labels and columns still need wrapping and layout decisions at actual device widths.
Send this to the AI Agent in your project
Set this mini program booking button to 600rpx, retaining centering and its label. At page widths of 375px and 450px it should occupy about 80%. Check long labels and landscape too; fix the layout if content overflows or grows too large instead of merely shrinking text.
Select page elements for precise AI edits
Click a button, text, or card, note the change, then copy its exact location to AI.
Open Selector Pro website↗