小程序图片设置宽高的方法

1 image组件默认宽度300px、高度225px  ；

2css设置宽高（尺寸最好为rpx，更适应屏幕）

3mode 设置缩放模式（13种）

样式设置宽度100%   添加属性 mode="widthFix"

4套在div种，设置div宽高，

尺寸单位

rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6

上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 05px = 1物理像素。

设备 rpx换算px (屏幕宽度/750) px换算rpx (750/屏幕宽度)

iPhone5 1rpx = 042px 1px = 234rpx

iPhone6 1rpx = 05px 1px = 2rpx

iPhone6 Plus 1rpx = 0552px 1px = 181rpx

小程序开发尺寸是rpx（responsive pixel），可以实现一稿适配所有屏幕尺寸，小程序编译后，rpx会做一次px换算。换算是以375个物理像素为基准，也就是在一个宽度为375物理像素的屏幕下，1rpx = 1px。这里了解就行，设计稿尺寸375px或750px都没问题。在不同的设备下，rpx换算成不同的px，意思就是在开发小程序时，只需要按照标准设计设置好尺寸（多少rpx），小程序会根据对应的设备，计算出应该显示的尺寸（多少px），所以开发时只需要按照标准规则写，就可以适配不同的设备。

rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0

官方文档介绍：

因此我们可以得知，任何手机屏幕宽度都是 750 rpx，手机屏幕的高度则可以由宽高比计算得出。在模拟器中你可以看到 iPhone 7, iPhone 7 Plus 和 iPhone X 的宽高比。

以上就是关于小程序图片设置宽高的方法全部的内容，包括:小程序图片设置宽高的方法、微信小程序的屏幕像素比是怎么算出来的、小程序码可以生成尺寸等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！