html - 为什么在使用媒体查询时隐藏部分 HTML 不起作用

Question

尝试练习我创建了一个登录页面模型，并尝试在 css 媒体查询中隐藏一个元素。

@media (max-width:800){

 .right-pane{
    display: none;
    }
} 

但是在调整屏幕大小时它不起作用。非常感谢您的反馈

https://codepen.io/yanivlt/pen/eYNdKRV

标签： htmlcssmedia-queriesdisplay

Answer 1

尝试添加px到max-width参数。

使用您的示例，这应该有效：

@media (max-width:800px){
  .right-pane {
    display: none;
  }
}