[英]why max-width in media query is not working
我写了这段代码,但它不起作用
@media (max-width: 767px){
.navbar-brand {
padding-top: 10px;
height: 80px;
}
.navbar-brand h1{
padding-top: 10px;
font-size: 5vw;
}
.navbar-brand p {
font-size: .6em;
margin-top: 12px;
}
.navbar-brand p img {
height: 20px ;
}
#collapsable-nav a {
font-size: 1.2em;
}
#collapsable-nav a span{
font-size: 1em;
}
}
当屏幕小于767px时,我想更改我的navbar
,但它根本不起作用。
使用最小宽度而不是使用最大宽度
@media (min-width: 767px) {
.navbar-brand {
padding-top: 10px;
height: 80px;
}
.navbar-brand h1{
padding-top: 10px;
font-size: 5vw;
}
.navbar-brand p {
font-size: .6em;
margin-top: 12px;
}
.navbar-brand p img {
height: 20px;
}
#collapsable-nav a {
font-size: 1.2em;
}
#collapsable-nav a span{
font-size: 1em;
}
}
访问以下链接以了解有关 css 中 min-widht 的更多信息: https://www.w3schools.com/cssref/playdemo.php?filename=playcss_min-width
在这种情况下,您应该为媒体查询使用 min-width 。 请阅读如何提出正确的问题并更新您的问题,以便我们更好地帮助您?
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.