css - 网站在移动视口中时如何不显示 div（侧边栏）

Question

我想在我的网站上有 2 个侧边栏。我有一个使用视口的响应式 CSS。但我不想在移动浏览器中打开网站时显示侧边栏。标签会做得很好。有什么办法可以做到吗？

例如：堆栈溢出。当您在移动设备中打开它时，您看不到侧边栏。我想要类似的东西。

提前致谢。:)

score 4 · Accepted Answer

您可以对此移动设备使用媒体查询，仅定义：

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

score 1 · Accepted Answer

您可以使用媒体查询并有选择地显示/隐藏侧边栏（在下面的代码中更改侧边栏类），例如：

@media only screen and (max-width: 480px) {
    .sidebar {
        display: none;
    }
}

score 0 · Accepted Answer

0

Stack Overflow 有一个用于移动页面的自定义 HTML。

但是你可以试试Bootstrap

于 2013-03-21T07:49:32.177 回答

3 回答 3