小型设备对991px无响应

问题描述

最大990px​​的小型设备具有完全响应能力,但机器人为991px。

这是根据Boostrap正确显示的CSS。

@media all and (min-width: 768px) and (max-width: 991px) {
  .img {
    content: url('image-sm.png');
  }
}
@media all and (min-width: 992px) {
  .img {
    content: url('image-lg.png');
  }
}

它在991px时不起作用,所以我改为992px。很奇怪,但是效果很好。

@media all and (min-width: 768px) and (max-width: 992px) {
  .img {
    content: url('image-sm.png');
  }
}
@media all and (min-width: 992px) {
  .img {
    content: url('image-lg.png');
  }
}

对此有什么好的解释?我正在使用3.3.5版。是时候更新到最新了吗?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)