ios 在iPhone上的Safari上切换红色和蓝色面板时出现问题

pvcm50d1  于 2023-02-14  发布在  iOS
关注(0)|答案(1)|浏览(244)

在主面板中,* 在分辨率480px及以下 *,当在绿色和红色年龄面板之间切换时,开关停止移动。这个问题只存在于iPhone上,在devTools和其他型号的手机中一切正常。使用JavaScript一切正常,使用HTML结构也没有问题。在CSS中,我只在点击面板时改变开关的位置,所以我不知道会是什么。
Page with the panel
What it looks like on iPhone

切换样式:

.panel__switch {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 0;
}

.panel__switch.blue {
  right: 80.35%;
  fill: #44d1b2;
}

.panel__switch.red {
  right: 58.57%;
  fill: #f36368;
}

.panel__switch.orange {
  right: 36.42%;
  fill: #ffb526;
}

.panel__switch.violet {
  right: 14.28%;
  fill: #9172df;
}
sdnqo3pr

sdnqo3pr1#

在这种情况下,我建议使用transform:translateX()

相关问题