首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
大屏
订阅
大屏
Vue_Club
更多收藏集
微信扫码分享
微信
新浪微博
QQ
5篇文章 · 0订阅
大屏适配方案
最近工作安排是开发大屏,在网上查了很多资料,也得到同事很多帮助,现在总结大屏适配方案文档,欢迎点进来看看,如有不对,敬请指正,谢谢!
基于等比缩放的大屏自适应方案
前端的数据可视化越来越重要,炫酷大屏的需求越来越多,您是否经常为屏幕不能自适应而烦恼?如何能让大屏在多种终端都呈现完美效果呢?也许本文可以给您带来帮助。 当屏幕宽高比例小于设计稿时,按设计稿比例沿水平
数据大屏最简单自适应方案,无需适配rem单位
是否还在为rem适配感到烦恼?和我一样,不想去考虑单位的大小?这是除rem单位以外的另一种数据大屏适配方案。用最少的工作量,最简单的方法解决问题。可作于学习,可用于工作。
使用lib-flexible和postcss-pxtorem解决大屏适配问题
1、先安装lib-flexible和postcss-pxtorem 可以直接按照以下命令安装即可(一定要严格控制版本号,以下版本可以完美解决依赖冲突问题) npm install lib-flexib
数据大屏rem适配方案
一般来说,做PC端的页面并不像移动端那样对分辨率及屏幕大小有的特别强的要求,但是针对数据大屏这种展示型的页面来说,就需要考虑适配的方案了,毕竟要尽可能的保证大部分的主流显示器都能正常展示。