css - 无法让@media 查询与 Bootstrap 一起使用

Question

我似乎无法让@media 查询在 Bootstrap 中工作。以这个为例:

@media only screen and (min-width: 992px) {
.buttonspace {
margin-left:20px;
}
}

边距会显示，但它也会显示在 <992px 宽的设备上。我做错了什么？!

谢谢大家

Answer 1

您粘贴的代码似乎没有问题，所以我认为这一定是忘记设置视口(viewport)的经典示例。您需要包括 <meta name="viewport" content="width=device-width,initial-scale=1">以便浏览器正确理解 CSS 媒体查询。

(这可能是一条评论，但可惜我没有代表。)