显示：@media 中的 None 正在全局执行
Display: None in @media is acting globally
我有 2 个主要问题无法解决。
1) 我有一个隐藏的小部件区域，它应该只在最大宽度为 1338px 时显示，同时，我的右侧小部件应该消失。
问题是，当我添加 display: none; 以隐藏左侧小部件时，即使最大宽度达到 1338px，它也会保持隐藏状态。
在我的 @media 中，我将 max-width: 1338px;
设置为 display:block
2) 我的下一个问题是我的左侧边栏有一个照片库，当 max-width 到达 923px
时应该会消失
但是当我将 display:none 添加到 @media 以获得 max-width: 923px; 时，无论屏幕的宽度是多少，它都不会显示。即使我的屏幕宽度超过 923px，它也不会显示任何内容。
这是我正在处理的网站的示例 link。 https://codepen.io/christiangutierrezreyez/pen/aMXpQd?editors=1100
您可能会发现问题的区域在 CSS 行中
169 到 192
和 351。我注释掉了第 352 行，因为那一行给我带来了问题。
我很抱歉没有删除这些区域以使其更具可读性。但是我不知道该删掉哪些部分，该留下哪些部分。
如有任何帮助，我们将不胜感激！感谢您的宝贵时间。
关于左侧面板和画廊，您对媒体查询的结束 } 为时过早，没有包含 #photos-left-sidebar-wrapper, #hidden-left-sidebar:
我有 2 个主要问题无法解决。
1) 我有一个隐藏的小部件区域，它应该只在最大宽度为 1338px 时显示，同时，我的右侧小部件应该消失。
问题是，当我添加 display: none; 以隐藏左侧小部件时，即使最大宽度达到 1338px，它也会保持隐藏状态。
在我的 @media 中，我将 max-width: 1338px;
display:block
2) 我的下一个问题是我的左侧边栏有一个照片库，当 max-width 到达 923px
但是当我将 display:none 添加到 @media 以获得 max-width: 923px; 时，无论屏幕的宽度是多少，它都不会显示。即使我的屏幕宽度超过 923px，它也不会显示任何内容。
这是我正在处理的网站的示例 link。 https://codepen.io/christiangutierrezreyez/pen/aMXpQd?editors=1100
您可能会发现问题的区域在 CSS 行中 169 到 192 和 351。我注释掉了第 352 行，因为那一行给我带来了问题。
我很抱歉没有删除这些区域以使其更具可读性。但是我不知道该删掉哪些部分，该留下哪些部分。
如有任何帮助，我们将不胜感激！感谢您的宝贵时间。
关于左侧面板和画廊，您对媒体查询的结束 } 为时过早，没有包含 #photos-left-sidebar-wrapper, #hidden-left-sidebar: