【问题标题】:HTML disabled after using media queries使用媒体查询后禁用 HTML
【发布时间】:2015-12-24 06:10:16
【问题描述】:

我已按此顺序编写媒体查询。但是我的一些 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) {

}

【问题讨论】:

  • 媒体查询影响 CSS,而不是 HTML,并且“不工作”不是一个技术术语。
  • 这就是我问这个问题的原因。为什么会影响 html?
  • 当前发布的代码应该不会影响任何事情,所以问题一定是不完整的......

标签: html css twitter-bootstrap media-queries


【解决方案1】:

一些可能性

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

【讨论】:

  • 但它在桌面视图中运行良好。没有任何div问题。
猜你喜欢
  • 1970-01-01
  • 2015-06-11
  • 2013-11-13
  • 1970-01-01
  • 2014-01-11
  • 2021-06-17
  • 1970-01-01
  • 2019-12-09
  • 2013-01-08
相关资源
最近更新 更多