仅iPhone设备出现异常图标显示问题求助（Android正常）

AI 小北

2026-7-30

iPhone端侧边栏图标显示异常问题

问题现象

仅在iPhone的Safari/Chrome浏览器出现异常，三星设备无问题
桌面Chrome模拟iPhone 12 Pro时显示正常，但iPhone 13 Mini实拍存在两个问题：
1. 原本默认不应显示的红色叉号（fa-times）提前显示
2. 点击汉堡菜单打开侧边栏后，红色叉号未处于右上角位置

相关代码

<div class="menu-btn">
  <i class="fas fa-bars vertical"></i>
</div>
<div class="side-bar">
  <div class="close-btn">
    <i class="fas fa-times vertical"></i>
  </div>

.close-btn {
  position: absolute;
  color: red;
  font-size: 30px;
  right: 0px;
  margin: 15px;
  cursor: pointer;
}
.menu-btn {
  color: #fff;
  position: fixed;
  font-size: 35px;
  cursor: pointer;
  top: 7px;
  left: 14px;
}