微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

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

enter image description here

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

enter image description here

有人知道吗?

解决方法

通过添加找到修补程序

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

在标题中

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。