- 2024-10-22使用rem更好的去适配页面元素
需要一段JS：(function(doc){letdocEl=doc.documentElement;// 获取根节点的htmldoc.addEventListener("DOMContentLoaded",recalc);functionrecalc(){letwidth=docEl.clientWidth;docEl.style.fontSize
- 2024-09-11echarts大屏适配(rem)+图表的文字适配
echarts大屏适配以及图标配置项里面的文字适配。1-创建js文件，并复制下面的函数(functionflexible(window,document){vardocEl=document.documentElementvardpr=window.devicePixelRatio||1//adjustbodyfontsizefunctionsetBodyFontSize(){
- 2023-09-14antui-alipay风格的移动网页设计
地址：antui.alipay.com需要加入的一些js控制，见https://myjsapi.alipay.com/fe/preset-assets.html参考代码：<!DOCTYPEhtml><!--A11Y：注意设置页面的lang属性--><htmllang="zh"><head><metacharset="utf-8"/><!--A11Y：打开页
- 2023-05-30大屏幕适配小屏幕
<metaname="viewport"content="width=device-width,initial-scale=1.0,user-scalable=no"><script>vartid,doc=document,docEl=doc.documentElement;varrefreshRem=function(){
- 2023-02-21html页面字体自适应屏幕大小，根据屏幕宽度适应font-size文字大小
<scriptTYPE="text/javascript"> vardocEl=document.documentElement;functionsetRemUnit(){varrem=docEl.clientWidth/19.2;//可根据不同电脑分
- 2023-02-02网页布局自适应问题；隐藏滚动条；
环境：vue3+JS/TS+Vite1、引入flexble.js文件varDesign_Width=1920;varDesign_Height=1080;varREM=16;varbaseFontSize=14;(functionflexible(window,
- 2023-02-01echarts大屏开发屏幕适配方案
参考https://blog.csdn.net/qq_56580072/article/details/1275523921、vscode安装pxtorem&rpx&vw2、设置字体16px 3、引入flexibleimport'@/utils/flexible
- 2022-11-20vue 中 使用flexible+rem 实现页面元素 随窗口大小自适应w
1.引入flexible.js 这个适用于ui图1920px 其他大小需对应调整flexible.js把屏幕分为24等份 把下面的代码复制到项目中 新建一个js文件(func
- 2022-11-11flexible.js
(functionflexible(window,document){vardocEl=document.documentElement;vardpr=window.devicePixelRatio||1;//adjustbodyfontsizefunction
- 2022-10-05flexible分析.js
(functionflexible(window,document){//获取的html的根元素vardocEl=document.documentElement//dpr物理像素比vardpr=window.devi
- 2022-10-05flexible.js
(functionflexible(window,document){vardocEl=document.documentElementvardpr=window.devicePixelRatio||1//adjustbodyfontsizef