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

问题描述 投票:0回答:0

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

这是我的代码:

@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/ 谢谢你的帮助!

html css responsive-design media-queries blogger
© www.soinside.com 2019 - 2024. All rights reserved.