I'm using Bootstrap 5.0 to make a responsive wep page. Using Collapse item to display links after on click to main element. It'is working properly all devices and all resolutions except on IOS devices regardless of the browser type. Collapse item becomes misalign with main element. Thanks for your support in advance.
On Android
On IOS 14.2
CSS
main-div{
position: relative;
}
main-element{
position: absolute;
}
collapse-item {
/* position is not set */
}
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…