在移动设备上隐藏侧边栏以使主题具有响应性

Question

我试图仅在移动版本上隐藏右侧边栏，以便主题在较小的设备上响应更快。

这是我的代码：

@media only screen and (max-width:750px) {

  .column-right-outer {
   width: 100% !important;
  }
}

<meta expr:content='data:blog.isMobile         ? &quot;width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0&quot;         : &quot;width=1100&quot;' name='viewport'/>

我也试过：

@media only screen and (max-width:750px) {

  .sidebar-right {
   width: 100% !important;
  }
}

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

我的网站链接（博主）：https://www.violinlibraryvii.com/ 谢谢你的帮助！

Answer 1

要隐藏一个元素，你应该使用

display: none

属性。尝试使用以下规则：

@media screen and (max-device-width: 750px) {
  .column-right-outer {
    display: none;
  }
}

您可以在

here

了解有关display

属性的更多信息