移动端

背景 移动浏览器的顶部地址栏和底部工具栏是动态变化的 —— 当用户首次打开页面时，这些 UI 元素会显示；而当用户开始滚动页面时，它们可能会自动隐藏，从而导致视窗高度发生变化。 问题的关键在于，100

在 React 项目中，如果希望页面在小屏幕设备上以 80% 的缩放比例显示，可以使用 CSS 的 transform: scale()或者通过 zoom 属性来实现。为了确保能够根据屏幕大小自动调整

JSBridge是Native代码与JS代码的通信桥梁。目前的一种统一方案是:H5触发url scheme->Native捕获url scheme->原生分析,执行->原生调用h5。 实现思路 第一步

flexible.js原理 flexible.js 的核心思想是 基于视口宽度动态设置根元素（html）的 font-size，使页面元素通过 rem 单位实现等比缩放。 视口划分：将设备视口宽度（d

rem适配（等比适配） 核心原理： 将 设备视口 划分成 n 份， n 可以是 任何正确的值（如 flexible.js 中的 n = 10） 设置 设备视口 根元素 html 的 font-size