当屏幕尺寸大于480px时,我正在使用引导程序并编写媒体查询来隐藏div,因为如果在全尺寸浏览器上看到屏幕,则该div将不可见。请告诉我怎么做。感谢。
@media (min-width: 1280px) {
#hidetop{
visibility:hidden;
}
}
答案 0 :(得分:1)
您的媒体代码有误,应该是:
@media only screen and (min-width: 1024px) {
#mydiv { display: none; }
}
因为你希望元素在1024或更多时消失,所以min-width必须是1024。
编辑:其实你在标题中说1024px,但在你的帖子中是480px?只需将1024px更改为480px 即可答案 1 :(得分:0)
你的标题是1024,你的问题是480。
@media (min-width: 480px) {
#hidetop{
display:none;
}
}
答案 2 :(得分:0)
这将有效
@media only screen and (min-width: 480px){
#hidetop{display: none;}
}
谢谢和问候