引导站点没有响应答案

【问题标题】：Bootstrap site is not being responsive引导站点没有响应
【发布时间】：2020-06-23 13:35:12
【问题描述】：

@media screen and (max-width: 600px) {
.sidebar {
    width: 100% !important;
    height: auto !important;
    }
}

@media screen and (max-width: 600px) {
.content {
    width: 100% !important;
    margin-top: 20px !important;
}

@media screen and (max-width: 600px) {
    .jdzn-footer-text img {
        width: 100% !important;
    }
}

@media screen and (max-width: 600px) {
    .featured-card {
        width: 100% !important;
    }
}

我已经有了元视口标签，谁能帮我解决这个问题？谢谢。

【问题讨论】：

没有足够的信息来帮助您解决这个问题。您的媒体查询语法是正确的，所以那里没有错误。剩下的就是你如何使用 Bootstrap 以及你想要实现的具体目标。请参考stackoverflow.com/help/how-to-ask和stackoverflow.com/help/minimal-reproducible-example

标签： html css bootstrap-4 responsive-design

【解决方案1】：

不确定您的视口元标记是什么样的，但您可以尝试在索引文件中将您的视口元标记替换为该视口元标记。

<head>
...
<meta name="viewport" content="width=device-width, initial-scale=1.0">
...
</head>

【讨论】：