使用rpx时在不同机型下的兼容性问题
画了一个时间刻度条，5分钟一个刻度，每个刻度设置的宽度为4rpx，14个小时共有169个刻度共676rpx，使用for循环进行遍历，在设定时间内就显示橙色，整时刻度为绿色并始终显示，其他时间就不显示颜色。 仅仅在宽度为375的iPhoneX上可以无缝的显示，其他屏幕宽度的机型都会有空隙。 这是iPhoneX（宽度375）的显示效果，刻度条完整显示没有空隙 [图片] 这是iPhone XR（宽度414）的显示效果，刻度条之间有空隙 [图片] css部分代码如下： /* 短刻度 */
.scale_grip_small {
width: 4rpx;
height: 25rpx;
}
/* 中间刻度 */
.scale_grip_middle {
width: 4rpx;
height: 35rpx;
background: #41b349!important;
}
/* 长刻度 */
.scale_grip {
width: 4rpx !important;
height: 45rpx !important;
background: #41b349 !important;
}
