关于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/