uniapp避坑之rpx转px(出现小数时)导致布局出错

• 现在布局使用中一般都是用响应式单位rpx,以达到各平台手机尺寸都能完美适配.但使用中也发现了一个问题,比如用v-for循环创建几个view,设置margin-left = 18rpx,在iphone6的手机上正好是9px,但在iphone6plus上你会发现也是9px,因为9后面的小数被省略了,这也就导致了多个view出现了布局位置问题很明显的错误.
• 解决办法
  1.看是否可以使用flex布局,能的话用flex布局
  2.笨办法:

.applyimage-view{
            width: calc((750rpx - 10rpx * 2 - 20rpx * 2 - 18rpx * 5)/4);
            height: calc((750rpx - 10rpx * 2 - 20rpx * 2 - 18rpx * 5)/4);
            margin-left: 18rpx;
            flex-shrink:0;
            overflow: hidden;
            .applyimage-view-image{
                width: 100%;
                height: 100%;   
            }   
        }