使用媒体查询后禁用HTML

Question

我按此顺序编写了媒体查询。但是我的一些HTML代码无效，这与此媒体查询没有任何关系。在响应视图中禁用了html按钮。但删除媒体查询后它工作正常。我检查了代码，所有括号都正确关闭。在编写媒体查询时是否应遵循严格的规则？

@media all and (max-width:1200px) {

}

@media all and (max-width:992px) {

}

@media all and (max-width:768px) {

}

@media all and (max-width:480px) {

}

@media all and (max-width:320px) {

}

Answer 1

一些可能性

• 如果您对按钮有绝对定位，可以尝试将其删除
• 根据设备宽度在响应视图中定位按钮
• 检查另一个div或元素是否重叠按钮