大屏可视化
9篇文章 · 0订阅
  • 利用postcss-pxtorem自适应pc端分辨率
    背景 1、1366*768 2、1920*1080 3、2k+屏幕 效果 由于px都变成了rem,字体大小，宽度等等都会随屏幕大小而变化。 1、创建rem.js 这里给文字大小限制住，最小12px大小
    Vue.js
  • 自适应布局方案
    rem（font size of the root element）是指相对于根元素<html>来做计算的字体大小单位。 e.g. 设置html { font-size: 75px }时，其他元素1rem = 75px，4rem = 300px vw是基于viewpo…
    CSS
    自适应布局方案
  • vue大屏自适应终极解决方案
    描述 在实际业务中，我们常用图表来做数据统计，数据展示，数据可视化等比较直观的方式来达到一目了然的数据查看，但在大屏开发过程中，常会因为适配不同屏幕而感到困扰，下面我们来解决一下这个不算难题的难题 效
    前端 Vue.js 数据可视化
    vue大屏自适应终极解决方案
  • Echarts图表实现大屏自适应
    描述：echats大屏自适应方案：利用css的transform属性以及设计百分比做到大屏自适应，在不同尺寸大屏上实现等比例缩放
    前端 ECharts
    Echarts图表实现大屏自适应
  • 前端大屏自适应
    仔细观察网易有数，百度suger，他们都采用了css3的缩放transform: scale(X)属性，看到这是不是有种豁然开朗的感觉。 于是我们只要监听浏览器的窗口大小，然后控制变化的比例就好了。
    前端
  • 大屏满屏等比无压缩自适应react框架
    本项目git地址(来个star不迷路，持续关注好货~ ) Demo项目 Introduction tgg-large-screen 组件库基于 React 封装，主要用于构建大屏（全屏）数据展示页面即
    前端
    大屏满屏等比无压缩自适应react框架
  • 数据大屏最简单自适应方案，无需适配rem单位
    是否还在为rem适配感到烦恼？和我一样，不想去考虑单位的大小?这是除rem单位以外的另一种数据大屏适配方案。用最少的工作量，最简单的方法解决问题。可作于学习，可用于工作。
    前端 JavaScript 设计
    数据大屏最简单自适应方案，无需适配rem单位
  • 【前端大屏实战1】Vue+Echarts -- 大屏自适应缩放解决方案 => 使用transform:scale =＞ 组件化抽离ScaleBox
    【前端大屏实战1】Vue+Echarts -- 大屏简介初体验 =＞ 大屏自适应缩放解决方案 =＞ 使用transform:scale =＞ 组件化抽离ScaleBox=＞【两分钟实现大屏自适应】
    前端
  • 大屏可视化屏幕适配的几种方法
    大屏可视化屏幕适配的几种方法 公司要开发数据可视化大屏，研究了几天资料，把自己的研究成果发出来，希望能够帮到大家。
    前端