我有 2 个主要问题无法弄清楚。
1)我有一个隐藏的小部件区域，只有在最大宽度为1338px时才会显示，同时，我的右小部件应该消失。
问题是，当我添加display: none;来隐藏左侧小部件时，即使最大宽度达到1338px，它也会保持隐藏状态。
在我的@media中，我已将其设置为display:blockmax-width: 1338px;
2)我的下一个问题是我的左侧边栏有一个照片库，当max-width到达923px时应该消失
但是当我max-width: 923px;@media中添加display:none时，无论屏幕宽度如何，它都不会显示任何内容。即使我的屏幕尺寸宽度超过 923px，它也不会显示任何内容。
这是指向我正在处理的网站示例的链接。 https://codepen.io/christiangutierrezreyez/pen/aMXpQd?editors=1100
您可能会发现问题的区域在 CSS 中的行中 169 到 192 和351。我注释掉了第 352 行，因为那行给我带来了问题。
我很抱歉没有剪掉这些区域，以便它更具可读性。但我不知道要剪掉哪些部分，要留下哪些部分。
任何帮助将不胜感激！我感谢你的时间。
关于左侧面板和图库，媒体查询的结束}太早，没有#photos-left-sidebar-wrapper, #hidden-left-sidebar
：https://codepen.io/anon/pen/KEJWop?editors=1100