响应式布局 浏览器适配 浏览器兼容

响应式布局
    概念: 在浏览器窗口尺寸变化时, 使一个网页在不同宽度的窗口上显示不同的排版样式和内容
    使用场景: 一般用于PC端网页
    实现原理: 使用媒体查询

浏览器适配
    概念: 在浏览器窗口尺寸变化时, 使一个网页在不同宽度的窗口上显示相同的排版样式和内容
    使用场景: 一般用于移动端网页
    实现原理: 视口单位 vw / vh

浏览器兼容
    概念: 在不同内核的浏览器上, 使一个网页在不同浏览器的上显示相同的排版样式和内容
    使用场景: 在不同内核和不同版本浏览器上的兼容(兼容低版本浏览器)
    实现原理: 代码优化