@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样式。任何解决方案都有吗?在解决方案中,如果没有任何解决方案,就会有更多的解决方案出现,比如,如果没有解决方案,就会有更多的解决方案出现,比如,如果没有解决方案,就会有更多的解决方案出现,比如,如果没有解决方案,就会出现更多的解决方案出现,就会出现更多的解决方案出现,就会出现更多的解决方案出现。年,中国经济发展面临着巨大的挑战,中国经济发展面临着巨大的挑战,中国经济发展面临着巨大的挑战,中国经济发展面临着巨大的挑战,中国经济发展面临着巨大的挑战,中国经济发展面临着巨大的挑战,中国经济发展面临着巨大的挑战,中国经济发展面临着巨大的挑战,中国经济发展也面临着巨大的挑战,中国经济发展面临着巨大的挑战。
关闭媒体标签!如果在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标记。