【问题标题】:Bootstrap v4 media query not working in Chrome dev tools device toolBootstrap v4 媒体查询在 Chrome 开发工具设备工具中不起作用
【发布时间】:2020-10-19 23:23:05
【问题描述】:

我正在使用带有 Bootstrap 类的 div:“d-none d-md-block”,所以我希望 div 对于小型设备是隐藏的。但是,当我使用 chrome 开发工具并使用设备工具栏时,它似乎忽略了尺寸。使用 Laravel

不关心尺寸。它使用媒体查询 min-width: 768px,但是尺寸要小得多..

谁有想法?

【问题讨论】:

  • 您的移动模拟是否有倍增系数? 375 实际上可能是 3 倍。
  • 是的,iPhone X 的原生分辨率为 1125 像素,显示密度可能为 3:1。

标签: bootstrap-4 google-chrome-devtools


【解决方案1】:

通过添加找到修复

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

在标题中

【讨论】:

    猜你喜欢
    • 2017-03-12
    • 2015-03-20
    • 2021-09-24
    • 2015-03-04
    • 1970-01-01
    • 1970-01-01
    • 2018-05-09
    • 2011-10-14
    • 2015-01-09
    相关资源
    最近更新 更多