提问者:小点点

最大宽度工作,但最小宽度不工作[关闭]


@media screen and (max-width: 600px) {
  h1 {
    font-size: 8vw;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
  }
  h2 {
    font-size: 7vw;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
  }
  h3 {
    font-size: 6.0vw;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
  }  
  p {
    font-size: 6.0vw;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: lighter;
  }

  
@media screen and (min-width: 601px) {
  h1 {
    font-size: 100px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
  }
  h2 {
    font-size: 80px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
  }
  h3 {
    font-size: 60px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
  }  
  p {
    font-size: 60px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: lighter;
  }

这是我的代码,max-width工作得很好,但是当我把浏览器放大到600px以上时,min-width css就不能工作了,文本变成了默认的html样式。任何解决方案都有吗?在解决方案中,如果没有任何解决方案,就会有更多的解决方案出现,比如,如果没有解决方案,就会有更多的解决方案出现,比如,如果没有解决方案,就会有更多的解决方案出现,比如,如果没有解决方案,就会出现更多的解决方案出现,就会出现更多的解决方案出现,就会出现更多的解决方案出现。年,中国经济发展面临着巨大的挑战,中国经济发展面临着巨大的挑战,中国经济发展面临着巨大的挑战,中国经济发展面临着巨大的挑战,中国经济发展面临着巨大的挑战,中国经济发展面临着巨大的挑战,中国经济发展面临着巨大的挑战,中国经济发展面临着巨大的挑战,中国经济发展也面临着巨大的挑战,中国经济发展面临着巨大的挑战。


共3个答案

匿名用户

关闭媒体标签!如果在media query标记之前赋值,则只需在@media screen和(max-width:600px)中指定值

匿名用户

您忘记关闭媒体查询了!只需调整带有关闭的代码},正确的代码如下:

@media screen and (max-width: 600px) {
h1 {
font-size: 8vw;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}
h2 {
font-size: 7vw;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}
h3 {
font-size: 6.0vw;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}  
p {
font-size: 6.0vw;
font-family: Arial, Helvetica, sans-serif;
font-weight: lighter;
}
}


@media screen and (min-width: 601px) {
h1 {
font-size: 100px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}
h2 {
font-size: 80px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}
h3 {
font-size: 60px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}  
p {
font-size: 60px;
font-family: Arial, Helvetica, sans-serif;
font-weight: lighter;
}
}

不管怎样,与其@媒体屏和。。。你可以写:

@media(max-width:600px){
...
}

匿名用户

请确保关闭media query标记。