媒体查询无效

Question

任何人都可以帮助我。我的媒体查询无效。我正在尝试更改网站导航中的填充。但是，每当我使用媒体查询更改768px屏幕上的填充时，都不会发生任何事情。我添加了元标记

<meta name="viewport" content="width=device-width; initial-scale=1.0">

但没有任何反应。我的媒体查询看起来像

@media screen and (max-width:768px) {
    .menu-onesg-menu-container ul li a {
        padding: 0px 15px 0px 0px;
    }
}

有人知道为什么这不起作用吗？

Answer 1

我认为这是问题的原因替换;用，

<meta name="viewport" content="width=device-width, initial-scale=1.0">