我很少做回应网站,媒体查询对我来说是全新的。这就是我遇到麻烦的原因。
我正在制作一个维护页面,我使用媒体查询来使页面响应。
我在两款大屏幕的智能手机上进行了测试,第一款运行良好,第二款显示整个页面。
这是我的页面:
我知道我做错了什么。我以这种方式使用媒体查询:
@media only screen and (min-width: 978px) {
//big screens, desktop...
}
@media only screen and (max-width: 977px) {
//tablets...
}
@media only screen and (max-width: