如何根据屏幕分辨率调整CSS，实现移动端#FSBDiv-Inner样式适配？

你可以利用CSS的**媒体查询（Media Queries）**来实现这个响应式效果，这是做自适应布局最常用的方法。思路很简单：先定义桌面端的默认样式，再针对移动端的屏幕尺寸单独覆盖需要修改的属性。

下面是完整的实现代码：

/* 桌面端默认样式 */
#FSBDiv-Inner {
  position: fixed;
  top: 20%;
  left: 25%;
  width: 50%;
  z-index: 999;
  display: flex;
  justify-content: center;
  background-color: white;
}

/* 移动端样式：当屏幕宽度小于768px时生效 */
@media (max-width: 768px) {
  #FSBDiv-Inner {
    left: unset; /* 也可以直接省略left属性，用unset更明确清除原有值 */
    width: 100%;
  }
}

补充说明几点：

• 768px是行业常用的移动端断点，你可以根据自己的需求调整这个数值（比如改成600px、480px等）
• 媒体查询里只需要写要修改的属性就行，其他样式会自动继承桌面端的默认设置，不用重复写
• 如果不想用unset，直接删掉left属性也能达到同样效果，因为移动端不需要这个定位值

这样你的元素就会自动根据屏幕尺寸切换对应的样式了！

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