Question

我实际上是在尝试使网站移动友好。该网站采用2列布局，我在左侧列（侧面菜单）中增加了高度，但是它没有优先级。

@media only screen and (max-width: 700px) {
.landing_container .side_menu{
    width:170px;
    height:300px !important;
}
.landing_container {
    float: none  !important;
    width: 100%  !important;
}
.main_content {
    float: none  !important;
    width: 100%  !important;
}

高度不优先，在开发工具中它抵消了高度：4658px; （来自element.style）弹出。我在项目中没有看到定义侧面菜单高度的位置。我想念什么吗？

P.S 特异性是确切的，宽度似乎没有问题。

帖子编辑：对于分号问题，我感到抱歉。我没有复制粘贴内容，而是急着写。我确实在适当的位置放置了分号。这应该是别的东西。

Answer 1

如果可以的话，您应尽量避免使用!important。它增加了复杂性，特别是如果您的特异性已经很确切的话。但是，如果必须，那么必须。

您似乎有语法错误。删除第一个分号。

@media only screen and (max-width: 700px) {
  .landing_container .side_menu{
     width:170px;
     height:300px !important;
  }
  .landing_container {
     float: none !important;
     width: 100% !important;
  }
  .main_content {
     float: none !important;
     width: 100% !important;
  }
}

！重要不被考虑

1 个答案: