嗨,我想知道是否有可能让我的导航栏基于媒体屏幕缩小。比如,我想让我的导航栏只在台式机的某个高度显示,而对于笔记本电脑,我想让它以较小的特定高度显示。或者禁用基于媒体屏幕的HTML中的某些元素
任何帮助或评论都会对我有很大帮助!
谢谢!
发布于 2018-10-09 03:34:15
下面的示例在770px、576px和500px处中断。每次中断都会更改导航的背景色,但500除外,这会将其删除。
nav {
width: 100%;
height: 100px;
background-color: coral;
}
@media (max-width: 770px) {
nav {
background-color: aquamarine;
}
}
@media (max-width: 576px) {
nav {
background-color: burlywood;
}
}
@media (max-width: 500px) {
nav {
display: none;
}
}
<nav></nav>
https://stackoverflow.com/questions/52708789
复制相似问题