关于html:第-8-题如何实现浏览器响应式布局

32次阅读

共计 452 个字符，预计需要花费 2 分钟才能阅读完成。

应用媒体查问（@media）

应用媒体查问能够依据用户不同分辨率展现不同的款式（即可实现不同的布局形式），从而达到响应式布局

@media screen and (max-width: 1920px) {
    body {background: red;}
}

@media screen and (max-width: 1600px) {
    body {background: blue;}
}

@media screen and (max-width: 1440px) {
    body {background: green;}
}

@media screen and (max-width: 960px) {
    body {background: yellow;}
}