css - 媒体查询不起作用

标签 css media-queries

谁能帮帮我。我的媒体查询不起作用。我正在尝试更改我网站导航中的填充。但是,每当我使用媒体查询更改 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;
    }
}

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

最佳答案

我认为这是问题的原因替换;与 ,

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

关于css - 媒体查询不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17366934/

相关文章:

javascript - 过滤掉不包含搜索字符串的元素[有解决方案,寻求改进]

javascript - 如何将图像和文本添加到 PHP 中?

html - 如何将图片和文字并排放置在页面中央?

CSS Media Query 优先覆盖移动设备中的先前样式

css - 响应式设计

css - 不阅读所有媒体查询

javascript - 使用照片框架创建 slider

html - CSS 变换比例滚动问题

html - iPhone Android Blackberry CSS 屏幕媒体查询

html ->* 做什么?