Bootstrap v4媒体查询无法在Chrome开发者工具设备工具中运行

时间:2020-10-19 15:11:57

标签: bootstrap-4 google-chrome-devtools

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

enter image description here

不关心尺寸。它使用媒体查询的最小宽度:768px,但是尺寸要小得多。

enter image description here

有人知道吗?

1 个答案:

答案 0 :(得分:0)

通过添加找到修补程序

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

在标题中