发布时间:2026/9/4 18:33:09
H5开发的一些坑点记录 1、移动端适配方案为了保证h5页面在不同大小的屏幕上展示基本一致简单来说三种方案1、meta标签设置像素级别的缩放2、使用rem单位3、vw/vh参考文档超详细讲解H5移动端适配2、ios设置SF Pro Display字体不生效1字体访问限制Apple 的系统字体如 SF Pro Display在 Web 环境中不能直接通过字体名称访问。这是出于版权和安全考虑。2字体名称不准确字体名称必须与系统中安装的字体名称完全匹配包括空格和大小写才能正确应用不知道该用SF Pro Display还是SFProDisplay或者SFProDisplay-Medium项目中有些历史的组件用了这个字体我改成和他们一样的写法也不生效也不知道他们这些页面生效没。。。3webview容器中没有这个字体资源可以下载后自行引入但是这个字体有版权商业用途需收费无法通过下载解决解决方案有以下几种尝试加了个-apple-system后生效了由于本地调试看不出效果每次改了只能部署了打开手机测试所以其他方案也没尝试3、安卓/ios键盘唤起时页面表现不同1、安卓机唤起键盘时会调整视口大小页面不会自动滚动一般需要手动处理确保输入框可见2、ios机唤起键盘时视口大小不变但可见区域大小会改变页面会自动滚动使获取焦点的输入框可见keyboardWillShow 和 keyboardWillHide 事件在标准web api中是不存在在因此h5中要监听键盘事件一般使用resize 事件浏览器视口大小变化时触发仅安卓机会触发ios在键盘唤起和隐藏时不会改变视口的大小而是调整可见区域visualViewport的resize 事件ios在键盘唤起和隐藏时会触发但由于它是较新的 API可能需要考虑兼容性focusin 事件当输入框获得焦点时可能触发键盘、focusout 事件当输入框失去焦点时可能隐藏键盘主要体现在使用van-popup组件时遇到三个问题1、若直接在弹窗底部固定定位两个按钮当弹窗内容超出高度上下滑动时按钮会跟随一起滑动解决将popup设置overflow:hidden并在内容盒子和按钮盒子外层包一层超出滚动的盒子设置overflow:auto给内容部分设置定高可以解决2、键盘唤起和关闭时安卓会出现按钮飞到键盘顶部展示解决安卓通过监听resize事件对按钮进行隐藏和展示3、ios在打开键盘关闭键盘再打开键盘时可能会出现高度为80%的弹窗高度溢出变成整个页面高度解决尝试了多个可行方案暂未解决可能是因为解决1导致的van-popup出现了滚动穿透到页面现象

相关新闻

2026/9/4 18:33:09

MPU6050滤波实战:噪声分析、软件算法到互补滤波调参教程

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/9/4 18:33:09

基于Dify工作流的百科词条自动化生成:从原理到实践

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/9/4 19:13:18

门禁系统协议碎片化困境与统一开放协议实践

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/9/4 19:13:18

24.6英寸TFT显示屏二合一转接板:硬件集成与快速验证指南

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/9/4 19:13:18

三轴无刷云台开发实战:从IMU数据融合到PID参数整定

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/9/4 19:13:18

Systems Manager

顶部搜索框输入 Systems Manager,进入 AWS Systems Manager。左侧菜单找到 应用程序管理 → Parameter Store(参数存储),点击 创建参数。参数填写:名称:/cc/mysql/password描述:CC MySQL 数据库…

2026/9/4 19:13:18

叶瓣图:预测与抑制切削颤振的稳定性分析与工艺优化指南

简介:本资源是一份面向机械制造、数控加工及先进制造领域工程师与高校研究生的切削稳定性分析工具包,聚焦高速切削中关键的颤振抑制问题,提供可直接运行的稳定性叶瓣图建模与可视化方案。压缩包仅含1个MATLAB脚本文件(Untitled2.m…

2026/9/4 19:08:18

Python邮件发送服务实战:从SMTP协议到Excel批量通知

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/9/3 18:28:26

vSound小提琴数字处理器实操指南:从接线到演出的完整配置

电小提琴或者原声小提琴插电演出,第一个绕不开的坎就是声音难听。原声琴的共鸣和空气感一旦进了拾音器,出来的往往是一坨干瘪、发尖、带着奇怪塑料味的信号。我当初第一次把琴接上乐队调音台,直接被主唱吐槽"你这声音像在锯钢丝"。…

2026/9/3 14:29:47

传感器接口IC如何攻克生物化学传感的微弱信号难题?

1. 从电极到比特流:为什么生物化学传感必须依赖专用接口IC 做生物化学传感的人都有过类似的经历:明明传感器本身性能很好,信号输出却一塌糊涂——噪声大、漂移明显、重复性差,怎么调都达不到预期。很多时候问题并不在传感器&#…

2026/9/3 14:30:35

STM32F411CEU6多通道ADC采集:扫描模式+DMA实现详解

1. 多通道 ADC 的用武之地把“Multichannel ADC”和“STM32F411CEU6”这两个关键字放在一起,其实就是嵌入式开发里最常遇到的一类需求:用一块不算贵的 MCU,同时采集多路模拟信号。STM32F411CEU6 是 48 引脚的 Cortex-M4F 主控,主频…

2026/9/4 0:00:58

STM32H743 SPI从机DMA双缓冲通信实战

简介:本资源是面向嵌入式开发工程师与STM32进阶学习者的SPI DMA双机通信从机端完整实现方案,聚焦STM32H743高性能Cortex-M7单片机在工业控制与高速数据交互场景下的从机通信开发痛点。压缩包含1355个文件,主体为599个C源码与321个头文件&…

2026/9/4 0:00:58

CPU开盖降温教程:20元成本让温度直降30度的原理与实践

最近很多朋友都在抱怨,自己的电脑一到夏天就变成"烤箱",玩游戏时CPU温度动不动就飙到90度以上,风扇噪音堪比直升机。更让人头疼的是,明明配置不错,却因为高温降频导致性能大打折扣。如果你也遇到了类似问题&…

2026/9/4 0:00:58

ArkTS 表单工程:场地预约页的三态场次 Grid 与校验

ArkTS 表单工程:场地预约页的三态场次 Grid 与校验 App 14「运动场地预约」场地 Tab(Func1Tab),是整 App 交互最丰富的页面——场地横向切换 三色图例 渐变预约预览卡 快捷模板 今日场次 Grid(可选/已选/已满三态&…

2026/9/3 20:43:36

USB Type-C PCB布局分区设计:电源、高速信号与PD协议全攻略

做硬件这行,Type-C接口算是典型的“看着简单,做起来全坑”的东西。光引脚就24个,高低速信号、电源、控制线全部塞在一个小小的连接器里,如果PCB布局不做规划,打样回来基本就是“插上没反应”、“高速掉线”、“静电一打…

2026/9/3 17:51:43

系统编程学习原型如何补齐稳定性边界

系统编程学习原型如何补齐稳定性边界预算有限时&#xff0c;我先优化明显多余的复制&#xff0c;而不是猜测性地换容器。用借用传递只读数据通常就能减少分配&#xff1a; fn parse(line: &str) -> Result<Item, Error> { /* ... */ }用基准确认热点确实在分配&am…

2026/9/3 21:06:57

雨花区哪家财务公司代理记账比较好?

在雨花区&#xff0c;企业处理财税事务常常面临诸多挑战&#xff0c;选择一家靠谱的财务公司至关重要。湖南巨勤财务管理咨询有限公司就是本地正规实体财税服务机构&#xff0c;深耕本地工商财税行业多年&#xff0c;熟悉当地工商局、税务局最新政策与申报流程。主营公司注册、…