Html 显示:@media中没有全局行为

Html 显示:@media中没有全局行为,html,css,display,Html,Css,Display,我有两个主要问题无法解决 1) 我有一个隐藏的小部件区域,只有当最大宽度为1338px时才会显示,同时,我的右小部件应该消失 问题是,当我添加display:none要隐藏左侧小部件,即使最大宽度达到1338px,它也会保持隐藏状态 在我的@media中,我将最大宽度:1338px设置为显示:块 2) 我的下一个问题是我的左侧边栏有一个照片库,当最大宽度达到923px 但是当我为最大宽度:923px添加显示:无到@媒体无论屏幕的宽度如何,它都不显示任何内容。即使屏幕宽度超过923px,它也不会显

我有两个主要问题无法解决

1) 我有一个隐藏的小部件区域,只有当最大宽度为
1338px
时才会显示,同时,我的右小部件应该消失

问题是,当我添加
display:none
要隐藏左侧小部件,即使最大宽度达到
1338px
,它也会保持隐藏状态

在我的
@media
中,我将
最大宽度:1338px设置为
显示:块

2) 我的下一个问题是我的左侧边栏有一个照片库,当
最大宽度
达到
923px

但是当我为
最大宽度:923px添加
显示:无
@媒体
无论屏幕的宽度如何,它都不显示任何内容。即使屏幕宽度超过923px,它也不会显示任何内容

这里有一个链接,指向我正在工作的网站的一个示例

您可能会在CSS中的行中找到问题所在的区域 169至192 和351。我注释掉了第352行,因为这行给了我问题

我很抱歉没有删掉这些区域,这样它就更可读了。但我不知道该删掉哪些部分,留下哪些部分


任何帮助都将不胜感激!谢谢您的时间。

关于左侧面板和图库,您对媒体查询的结束时间太早了,并且没有封装
#照片左侧边栏包装,#隐藏左侧边栏


关于左侧面板和图库,您对媒体查询的结束时间太早,并且没有封装
#照片左侧边栏包装,#隐藏左侧边栏


当我在Firefox和Chrome中测试第一个时,它运行良好。1338px上方可见右栏,下方可见左栏。而且两者都正确隐藏。您是如何测试它的,在哪个浏览器中测试的?第一个在Firefox和Chrome中测试都很好。1338px上方可见右栏,下方可见左栏。而且两者都正确隐藏。您是如何测试它的?在哪个浏览器中?我现在看到了额外的括号。接得好。我必须学会如何自己抓住这些错误。我一整天都在挠头。哈哈哈。非常感谢。我现在看到了额外的括号。接得好。我必须学会如何自己抓住这些错误。我一整天都在挠头。哈哈哈。非常感谢。