摘要: # 屏幕自适应 #### 三大常用方式 1. vw/vh方案 1. 概述:按照设计稿的尺寸,将`px`按比例计算转为vw和vh 2. 优点:可以动态计算图表的宽高,字体等,灵活性较高,当屏幕比例跟 ui 稿不一致时,不会出现两边留白情况 3. 缺点:每个图表都需要单独做字体、间距、位移的适配,比较麻 阅读全文
posted @ 2023-06-29 21:07 一条瓜 阅读(196) 评论(0) 推荐(0)
摘要: # 浏览器页面全屏完美解决 当通过点击事件调取全屏的时候,键盘事件退出全屏、监视点击事件改变图标的函数不会触发、你又得加一个监听键盘事件的函数、用键盘事件又有两个按键会触发全屏。当想用监听浏览器视口变化时候、打开控制台也会触发、放大缩小视口也会触发、里面还会遇到一个死循环。总之就是麻烦! ​ 使用插 阅读全文
posted @ 2023-06-29 20:41 一条瓜 阅读(406) 评论(0) 推荐(0)