Question

（我非常确定此问题已解决。感谢帮助我的人们。问题是我已将元素作为元素的直接子元素。）

这是我第一次问StackOverflow，请耐心等待。

我目前正在网站上，添加媒体查询时遇到了问题。屏幕上有五个按钮，例如this。

进行更改以使浏览器窗口的宽度变小时，按钮将适应so之类的媒体查询规则。到目前为止，一切都按预期进行。

然后，当增加浏览器窗口宽度时，就会出现此问题。参见here。希望得到结果，我会通知您我正在使用的代码。

媒体查询代码为

@media only screen and (max-width: 1100px) {
    #buttons {
        width: 100%;
    }

    #buttons li {
        margin-bottom: 10px;
        float: none;
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }
}

，默认代码为

#buttons {
    position: relative;
    float: right;
    left: -50%;
}

#buttons li {
    float: left;
    padding: 10px;
    width: 175px;
    font-family: 'Republikaps';
    font-size: 24px;
    text-align: center;
    margin: 5px;
    box-shadow: 0 0 12px #000;
    border: 1px solid black;
    border-radius: 25px;
    background-image: url('assets/images/blog_bg.png');
    margin-bottom: 150px;
}

非常感谢有人能帮助我解决这个问题。

（PS：除非我进行更改，否则这是指向website的链接）

媒体查询后HTML元素未返回原始状态

0 个答案: