切换浏览器调试窗口设备类型时网站布局错乱问题咨询

现象说明 #

• 移动端设备视口状态：
  
• 桌面端设备状态：
  

当把浏览器调试窗口的设备类型从桌面端切换为移动端时，右侧的固定元素会移出视口，必须缩小页面才能看到它们，整体布局也随之混乱。另外，页面存在空白区域，悬停时无任何元素，仅为空白占位。

已尝试的无效操作 #

• 调整部分父元素属性
• 检查right、left属性值

目前怀疑是网站结构存在问题，希望阐明该错误的原因。

内容的提问来源于stack exchange，提问作者Bilal Elnabris