基于媒体屏幕/屏幕宽度缩小导航栏
基于媒体屏幕/屏幕宽度缩小导航栏
提问于 2018-10-09 03:21:04
嗨，我想知道是否有可能让我的导航栏基于媒体屏幕缩小。比如，我想让我的导航栏只在台式机的某个高度显示，而对于笔记本电脑，我想让它以较小的特定高度显示。或者禁用基于媒体屏幕的HTML中的某些元素
任何帮助或评论都会对我有很大帮助！
谢谢!
回答 1
Stack Overflow用户
回答已采纳
发布于 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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52708789
复制相关文章
相似问题
腾讯云开发者
