Html 显示:@media中没有全局行为
我有两个主要问题无法解决 1) 我有一个隐藏的小部件区域,只有当最大宽度为Html 显示:@media中没有全局行为,html,css,display,Html,Css,Display,我有两个主要问题无法解决 1) 我有一个隐藏的小部件区域,只有当最大宽度为1338px时才会显示,同时,我的右小部件应该消失 问题是,当我添加display:none要隐藏左侧小部件,即使最大宽度达到1338px,它也会保持隐藏状态 在我的@media中,我将最大宽度:1338px设置为显示:块 2) 我的下一个问题是我的左侧边栏有一个照片库,当最大宽度达到923px 但是当我为最大宽度:923px添加显示:无到@媒体无论屏幕的宽度如何,它都不显示任何内容。即使屏幕宽度超过923px,它也不会显
1338px
时才会显示,同时,我的右小部件应该消失
问题是,当我添加display:none
要隐藏左侧小部件,即使最大宽度达到1338px
,它也会保持隐藏状态
在我的@media
中,我将最大宽度:1338px设置为显示:块
代码>
2) 我的下一个问题是我的左侧边栏有一个照片库,当最大宽度
达到923px
但是当我为最大宽度:923px添加显示:无
到@媒体
代码>无论屏幕的宽度如何,它都不显示任何内容。即使屏幕宽度超过923px,它也不会显示任何内容
这里有一个链接,指向我正在工作的网站的一个示例
您可能会在CSS中的行中找到问题所在的区域
169至192
和351。我注释掉了第352行,因为这行给了我问题
我很抱歉没有删掉这些区域,这样它就更可读了。但我不知道该删掉哪些部分,留下哪些部分
任何帮助都将不胜感激!谢谢您的时间。关于左侧面板和图库,您对媒体查询的结束时间太早了,并且没有封装#照片左侧边栏包装,#隐藏左侧边栏
:
关于左侧面板和图库,您对媒体查询的结束时间太早,并且没有封装#照片左侧边栏包装,#隐藏左侧边栏
:
当我在Firefox和Chrome中测试第一个时,它运行良好。1338px上方可见右栏,下方可见左栏。而且两者都正确隐藏。您是如何测试它的,在哪个浏览器中测试的?第一个在Firefox和Chrome中测试都很好。1338px上方可见右栏,下方可见左栏。而且两者都正确隐藏。您是如何测试它的?在哪个浏览器中?我现在看到了额外的括号。接得好。我必须学会如何自己抓住这些错误。我一整天都在挠头。哈哈哈。非常感谢。我现在看到了额外的括号。接得好。我必须学会如何自己抓住这些错误。我一整天都在挠头。哈哈哈。非常感谢。