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

Why hiding part of the HTML when using media-query does not work

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

@media (max-width:800){

 .right-pane{
    display: none;
    }
} 

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

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

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

使用您的示例,这应该有效:

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

将 'max-width: 800' 替换为 'max-width: 800px'。你能试试这个吗

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