html - 在 CSS 中使用较低分辨率时宽度不会改变

Question

@media screen and (min-width: 300) and (max-width: 800px) {
#top {
    font-size: 200%;

}
#first {
    width: 30%;
    height: 20%;
    font-size: 120%;
    position: relative;
    top:40%;
}
#second {
    float: right;
    width: 30%;
    height: 20%;
    font-size: 120%;
    position: relative;
    top: 20%;

}
#quote {
    position: relative;
    left: 10%;
}
#bannertextb{
    font-size: 250%;
    margin-left: 0;

}
#sps {
    font-size: 180%;
    position: relative;
    top: -08%;
    margin-left: 0;
}
#class {
    margin-left: 0;
}
#greek {
    font-size: 350%;
    margin-left: 0;
}
#banner {
    height: 30%;
}

}

我希望在从手机打开时更改宽度。但这似乎没有发生。 但是当我重新调整浏览器窗口大小时，一切正常.. 您可以查看整个网站@- This link

Answer 1

减小最小和最大宽度，然后尝试。