此文为 h5 屏幕适配具体公式推导,原理和使用参考 https://www.bangzhujiaocheng.com/720.html     缩放 有时我们需要的是设计稿宽高比 v/g 大于屏幕宽高比 u/f 时设计稿宽 v1 等于屏幕宽 u ,否则设计稿高 g1 等于屏幕高 f。求满足要求得设计稿缩放值 s ? 由条件可得 x1 = x*s y1 = y*s v1 = v*s g1 = g*s w1 = w*s h1 = h*s 当 v/g >= u/f 时 两边乘 f/v 得 f/g…

2022年9月28日 0条评论 135点热度 0人点赞 帮助教程 阅读全文

屏幕适配 屏幕适配应当指内容 适配区 和 屏幕区 间的适配关系。 单屏适配有 contain、cover 或 fill,多屏常见是 依宽 。 contain 和 cover 还需要 定位 来处理留白和超出的内容。 而同一个 H5 里不同内容往往用不同适配方式,即 分层。 优选 CSS 页面加载后 js 往往需要延时至少 70ms 才能获取正确的 webview 宽高 css 往往最先执行,且 cssom 的解析往往和 dom 在最开始并行构建 js 会等待 dom 和 cssom 处理完后才能执行,而 css 只需…

2022年9月28日 0条评论 147点热度 0人点赞 帮助教程 阅读全文

  COOL的产品是多个方向,全覆盖的,不止一个主要涉及: COOL-ADMIN 后台权限管理系统,主要用来开发服务端接口、管理后台,特点是快速开发,后端语言有java、node可选; COOL-TOOLS 桌面端开发,多应用桌面系统,类似电脑端的小程序,当然你也可以用它来开发单个桌面应用; COOL-UNI 移动端(小程序、APP 等)开发 UI 组件库,基于UNI-APP深度后端结合 COOL-ADMIN,达到前后合一提高开发效率; COOL-MALL 商城系统,一个使用 COOL-ADMIN 与 C…

2022年8月22日 0条评论 214点热度 0人点赞 帮助教程 阅读全文