媒体查询不改变边距答案

【问题标题】：Media query not changing margin媒体查询不改变边距
【发布时间】：2022-02-10 14:42:07
【问题描述】：

如果屏幕宽度为 1920 像素或更小，我的 css 应该使 div 边距变为 10%，如果屏幕宽度更高，则左边距为 20%。但由于某种原因，媒体查询不起作用。这是它的代码。谢谢！

.about-me-header{
    width: 200px;
    margin-left: 20%;
    height: 20%;
}

@media only screen and (max-width:1920){
    .about-me-header{
        margin-left: 10%;
    }
}

【问题讨论】：

您必须在媒体查询max-width 属性中提及max-width: 1920px 之类的像素。

标签： html css

【解决方案1】：

您必须指定长度的类型。赞1920px

@media only screen and (max-width:1920px){
    .about-me-header{
        margin-left: 10%;
    }
}

【讨论】：

它有效，谢谢！我没有意识到我忘记添加px。