当使用方括号对我的网站进行编码时,@media 起作用了,可以使 div 出现和消失以支持移动屏幕。但是上传到我的托管网站后,它不起作用,所有元素都同时显示。我怎样才能解决这个问题?相关的 CSS 代码如下。
CSS:
@media (max-width : 720px) {
.disappear {
display: none;
}
#menuposition {
margin-left: auto;
margin-right: auto;
}
.galleryitem {
width: 100%
}
.containergallery {
max-width: 250px;
padding-top: 0%;
}
}
@media (min-width : 721px) {
.reappear {
display: none;
}
#menuposition {
right: 0px;
position: absolute;
}
}
@media (max-width : 960px) {
.galleryitem {
width:100%
}
.containergallery {
max-width: 300px;
padding-top: 10px;
}
}
最佳答案
您链接到的页面在任何地方的源代码中都没有该 CSS,而且所有链接文件也没有。
将 CSS 链接到页面或将其放在内联样式元素中。
关于带有 css @media max-width 的 HTML 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24689653/