主页 / 问题 / 559979
Accepted
Евгений
Asked:2020-08-27 18:12:15 +0000 UTC2020-08-27 18:12:15 +0000 UTC

未应用媒体查询

  • 772

我需要在高分辨率的显示器上拥有这些属性：

max-height: 350px;
overflow-y: auto;

当监视器宽度从 1000px 开始时不适用，写了以下内容：

.main-section__sidebar__content {
   width: 100%;
   max-height: 350px;
   overflow-y: auto;
   color: #303133;
   font: 14px/17px 'latoregular', sans-serif;
}
@media (min-widh:1000px) and (max-width:3000px){

    .main-section__sidebar__content {
        max-height: none;
        overflow-y: visible;
    }
}

我不明白是什么问题，请帮助我。

media-queries

1 个回答

  1. Best Answer

    max-height/max-width值得使用inherit

    @media screen and (min-width: 1000px) and (max-width:3000px) { ... max-height: inherit; ... }


    .main-section__sidebar__content { 
  width: 100%; 
  max-height: 350px; 
  overflow-y: auto; 
  color: #303133; 
  font: 14px/17px 'latoregular', sans-serif;
} 

@media screen and (min-width: 1000px) and (max-width:3000px){

  .main-section__sidebar__content {
      max-height: inherit;
      overflow-y: visible;
  }
  
}
    <div class="main-section__sidebar__content">
  
  
</div>

    • 1

相关问题