Html 缩小web浏览器时，滑出CSS框不响应

首先，对标题感到抱歉，这是一个奇怪的话题

其次，我正在为一门大学课程创建一个网站，并在我的页面上创建了一个幻灯片部分。在我将web浏览器变小之前，它可以正常工作。这是我的浏览器全屏：

正如你在左边看到的，一切都很好，没有任何问题

这就是我将浏览器变小时所发生的情况。 请你们帮我解决这个问题，我希望它能保持在原来的位置 以下是我目前的代码：

---

提前谢谢

我正试图找出确切的位置，但看起来您的slideout\u inner\u admin样式在媒体查询中。一旦尺寸发生变化，div就会失去所有的样式和在屏幕上的显示，而不是向右

编辑： 看起来是第706行的媒体查询

@media screen and (min-width : 790px)...  

---

如果我删除了该菜单的工作方式，则不确定您希望如何指定该行为

您的问题就在这里：

#slideout_admin {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #ccc;
border-color: gold gold gold -moz-use-text-color;
border-image: none;
border-radius: 0 5px 5px 0;
border-style: solid solid solid hidden;
border-width: 2px 2px 2px medium;
left: 0;
padding: 12px 0;
position: fixed;
text-align: center;
top: 250px;
transition-duration: 0.3s;
width: 35px;
z-index: 100;
}

您可以在下面的媒体查询中找到它

@media screen and (max-width : 790px)

---

这意味着，对于宽度低于790px的任何东西，您都没有合适的样式。尝试将其更改为

@媒体屏幕和（最小宽度：790px）

，您将看到它在790px以下的分辨率下工作正常，但在790px以上的分辨率下则不行。您需要确保为所有分辨率定义了样式。

如果您希望样式在屏幕大小上都相同，那么您甚至不需要在媒体查询中使用这些样式，我只需将其和相关样式拉出，并将其移动到媒体查询上方。@Xijamie没问题-很高兴我能提供帮助！

@media screen and (max-width : 790px)