uniapp怎么修改rpx的默认配置啊,比如说就是让750px和640px的屏幕的一个100rpx元素大小不变,可以实现吗
时间: 2023-03-14 15:26:11 浏览: 217
可以实现,你需要在uniapp的配置文件中,将designWidth设置为你想要的屏幕宽度,然后将`<vw>`单位设置为100,这样修改完后,在750px和640px的屏幕上,100rpx的元素大小都不会发生变化。
相关问题
uniapp 750rpx
在uni-app中,750rpx是一个响应式的单位,它是根据屏幕宽度自适应的动态单位。在设计稿中,基准宽度为750px,如果有一个红色方块宽度为100px,那么在uni-app中,它的宽度就可以用100rpx来表示。因此,1rpx等于1px的750分之一,即1rpx=1px/750。
如果你想在uni-app中使用750rpx,可以在样式中直接使用750rpx作为单位,例如:
```css
div {
width: 750rpx;
height: 100rpx;
background-color: red;
}
```
这样,这个div的宽度就会自适应屏幕宽度,并且在不同的屏幕上显示的大小也是一致的。
uniapp中rpx配置
在uniapp中,rpx是一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为基准,750rpx恰好为屏幕宽度。屏幕变宽,rpx实际显示效果会等比放大,但在APP端和H5端屏幕宽度达到960px时,默认按照375px的屏幕宽度进行计算。在uniapp中,可以通过配置rpx计算来实现自定义的rpx计算方式。具体配置方法可以参考引用和引用中的内容。此外,HBuilderX还提供了自动将px转换为rpx的功能,可以方便地进行开发。具体使用方法可以参考引用中的内容。
阅读全文