如何使用媒体查询设置左页边距？

Question

我已将内容部分的margin-left设置为175px。当我将窗口调整为较小的尺寸时，会出现切换菜单按钮和折叠的侧菜单，并且静态侧菜单也消失了，所以我编写了一个函数，当我切换时，将内容部分的margin-left设置为'0px'单击“切换菜单”按钮隐藏折叠的侧菜单，但是当我将窗口重新调整为较大的尺寸时，左边距仍为“ 0px”。 当我将尺寸重新调整为较大尺寸时，需要将margin-left设置为“ 175px”。

这是我的情况，以及如何解决此错误？？

Answer 1

您可以执行以下操作：

 @media screen and (min-width: 1024px){
  /* your CSS here */
  #content {
    margin-left: 175px;
  }
}

Answer 2

使用!important覆盖大屏幕上的嵌入式样式

 @media screen and (min-width: 1024px){
  #content {
    margin-left: 175px !important;
  }
}

P.S .：根据您的要求更改值1024px

Answer 3

在此处添加您的代码，因为从您的解释中无法理解您的意思。