在主面板中,* 在分辨率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;
}
1条答案
按热度按时间sdnqo3pr1#
在这种情况下,我建议使用
transform:translateX()