vue+echarts数据可视化大屏开发--自适应处理方案(react中同理)

大屏可视化的自适应处理,除了要懂得前端的基本布局以外,还需要了解各个场景下的自适应方案选型,这里提供三种自适应处理大屏的方案,每一种方案同时提供原生JS项目中的使用方式以及vue项目中的使用方式

这里介绍的这几种方案只要是web页面都适用,不限于是不是大屏的项目哦~
在写一些自适应页面的时候推荐使用百分比布局、Flex布局、Grid布局

方案一:使用传统的rem/vw进行适配(不推荐)

rem处理

1. js项目中

(function(doc, win) {
   
    var docEl = doc.documentElement,
        isIOS = navigator.

你可能感兴趣的:(javascript,css,vue.js,reactjs,大数据)