Question

我不明白，为什么这不起作用：

@media screen and (max-width: 600px) {

    .contentBlockText {
        position: relative;
        display: inline;
        width: 100%;
        background: #f00;
    }

}

.contentBlockText {
    position: relative;
    display: inline;
    width: 66%;
    background: #fff;
}

结果始终显示框的宽度为66％。也是我的三星S9，它不会改变尺寸。我还尝试了使用不同宽度的最大宽度选项。结果相同。你看到问题了吗？我已经在同一个sytle表中的其他位置使用了该机制，并且有效...

Answer 1

尝试更改规则块的顺序，将查询置于默认值之后。我遇到了类似的行为，这对我有用。

编辑：我没有注意。您不能在嵌入式元素上设置宽度或高度。只需使其内联。没关系。

“内联元素的宽度是内容的宽度。内联元素的高度和宽度不能在CSS中设置。不能在CSS中设置块级元素的高度和宽度。” adjacency map

CSS媒体设备不正确

1 个答案: