响应式布局

绝大部分项目:
PC端 ~~> 官网
移动端 ~~> 移动端网页,app,小程序…

        响应式布局:
            为了适应不同的设备,分辨率
            不同的设备(pc电脑端 平板电脑 手机端)
             
            x 宽度
             
            500px<= x <800px   css 1
            800px<= x <1000px  css 2
            1000px<= x <1500px     css 3
                 
        响应式的优势:
            1: 一套项目,能适应不同的设备,灵活
            2: 能够快捷解决多设备显示适应问题
            3: 从显示上来看: 用户体验会更好一点
             
        响应式的缺点:
            1: 繁琐,代码量大,会出现隐藏无用的元素,加载时间加长
            2: 开发成本偏高(不同的项目组)
                开发一套产品不能满足要求
                一套图也不能满足要求(移动端 pc端的)
                前端布局: 一套布局方案是不能满足
                数据: pc  移动端
            3: 兼容不同的设备,兼容性工作量加大,效率低下
            4: 这是一个折中的解决方案,多方面的因素影响达不到最佳的效果
            5: 会出现用户混淆
             
        为什么讲响应式:
            利用响应式的思想,做移动端项目的适配