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

应用媒体查问（@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;}
}

【继续保护 / 更新 500+ 前端面试题 / 笔记】https://github.com/noxussj/In…
【大数据可视化图表插件】https://www.npmjs.com/package…
【利用 THREE.JS 实现 3D 城市建模（珠海市）】https://3d.noxussj.top/

文章的内容 / 灵感都从下方内容中借鉴