网页端的测试：目前网页端的测试，主要是指针对 Web、H5端的测试。功能测试：比对交互稿、需求稿，设计测试用例，进行用例评审、BugBash等，完成功能测试。功能测试是保证项目正常运行的第一要求。兼容性测试：兼容性测试可以从浏览器兼容性、屏幕兼容性、系统兼容性 三个方面去考虑。1、浏览器兼容性（包含设备）：在正常使用中，用户会使用千差万别的浏览器，包括不同机型的不同浏览器型号的浏览器，可谓是各种排
转载
2024-07-15 15:33:43
41阅读
# 实现“ios h5 100vh”的步骤和代码解析
## 1. 理解问题
在开始解决问题之前，首先要理解“ios h5 100vh”的具体需求是什么。根据问题描述，我们可以猜测这里的“ios”指的是苹果的iOS操作系统，而“h5”指的是使用HTML5开发的网页。而“100vh”则指的是元素的高度占据可视窗口高度的百分比。那么，我们的目标就是在iOS设备上，通过HTML5的方式实现一个元素的高
原创
2023-09-11 06:17:14
169阅读
在iOS中，设置H5页面的高度为100vh经常会出现一些问题，尤其是在Safari浏览器中。也许你已经注意到，当我们使用`height: 100vh`时，页面的表现并不按照预期，尤其在地址栏显示和隐藏的时候，造成页面高度变化，从而影响布局。这篇文章将详细探讨“iOS H5 设置高度100vh”的解决方案，包括版本对比、迁移指南、兼容性处理、实战案例、性能优化与生态扩展。
## 版本对比
在iO
目录1. 起因2. 原因2.1 视口高度计算方式3. 解决方案3.1 使用 -webkit-fill-available3.2 动态计算视口高度3.3 使用dvh4. 相关参考 1. 起因当我使用vue3开发一个全屏页面时，我选择了CSS的height: 100vh来确保页面能够撑满整个视口。在浏览器的手机模拟器上进行测试时，一切看起来都很正常。然而，当我在手机Safari浏览器上打开页面时，却
# H5开发中的iOS高度设置及滚动问题
在开发移动端H5页面时，我们常常会遇到高度设置的问题，尤其是在iOS设备上。当我们使用100vh来设置元素的高度时，往往会发现页面能够滚动，从而影响用户体验。本文将介绍这个问题的原因，并提供解决方案和示例代码。
## 理论背景
在CSS中，`vh`单位是指视口高度的百分比。100vh意味着元素的高度将占据整个视口的高度。但是，在iOS设备上，`vh`
Day05 HTML页面元素属性四、嵌入元素1.嵌入元素汇总元素名称说明img嵌入图片map定义客户端分区响应图area表示一个用户客户端分区响应图的区域audio表示一个音频资源video表示一个视频资源iframe嵌入一个文档embed用插件在HTML中嵌入内容canvas生成一个动态的图形画布meter嵌入数值在许可值范围背景中的图形表示object在HTML文档中嵌入内容param表示将通
vh就是当前屏幕可见高度的1%，也就是说height:100vh ==height:100%;但是有个好
原创
2022-05-30 12:13:40
143阅读
# H5在iOS中显示100vh出现滚动条的解决方案
在移动端，尤其是iOS设备上，使用CSS属性`100vh`来设置高度时经常会遇到一些棘手的问题，例如出现不必要的滚动条。这主要是因为iOS Safari在计算视口高度时的特殊行为。这篇文章将详细介绍问题的根源，并提供解决方案。
## 问题描述
当我们在CSS中使用如下代码来设置元素高度：
```css
.fullscreen {
原创
2024-08-14 08:31:49
1233阅读
1.em在做手机端的时候经常会用到的做字体的尺寸单位说白了 em就相当于“倍”，比如设置当前的div的字体大小为1.5em，则当前的div的字体大小为：当前div继承的字体大小*1.5但是当div进行嵌套的时候，em始终是按照当前div继承的字体大小来缩放，参照后面的例子。2.rem这里的r就是root的意思，意思是相对于根节点来进行缩放，当有嵌套关系的时候，嵌套关系的元素的字体大小始终按照根节点的字体大小进行缩放。参照后面给的demo3.vhvh就是当前屏幕可见高度的1%，
转载
2021-08-13 11:36:06
153阅读
前言：LED屏幕在生活中，随处可见，显示屏、广播屏等等，但是LED尺寸怎么计算的，你知道吗？今天我们一起了解一下LED屏幕尺寸的计算方法。一、点间距的计算1、各单元板常见型号及尺寸LED屏普遍是用单元板做的。LED单元板常见型号及尺寸（mm）对应如下： 不同的牌子可能会存稍微的差异。2、那么它是如何计算出来的呢？这里面就以p10与p16来举例，因为他们最常见。PH16单个单元板尺寸以P
转载
2024-10-11 07:15:53
59阅读
由于safari浏览器下方默认工具栏的问题，导致100vh比屏幕高一些 最外层通过position: absolute; width: 100%;height: 100%;设置高度就不会收到影响 ...
转载
2021-09-09 14:20:00
2212阅读
2评论
在一些项目中，用户总是要求自定义一下滚动条，以前一般用iscroll解决，但是发现iscroll有很多不方便的地方，而且也比较大，索性自己琢磨一个类似的插件吧！目的有两个：要足够小，易于上手使用；功能一定要足够实用，能满足广大H5开发者的基本需求。介绍一下这个插件的主要功能：1、隐藏或显示滚动条，自定义滚动条样式。2、滚动dom的刷新：refresh；3、滚动内容的懒加载；4、子元素绑定tap事件
转载
2023-10-17 20:44:38
348阅读
如何实现iOS 100vh有滚动条
作为一名经验丰富的开发者，我将教会你如何在iOS开发中实现100vh有滚动条的效果。下面是整个过程的步骤：
步骤 | 操作
----- | ------
步骤1 | 创建一个新的iOS项目
步骤2 | 在项目中添加一个UIScrollView
步骤3 | 设置UIScrollView的约束
步骤4 | 设置UIScro
原创
2023-12-13 04:11:28
178阅读
客制化键盘制作V1——CH552工程目前正在客制化一个小键盘，计划8月中旬在咸鱼上售卖，功能包括：蓝牙有线双模，蓝牙 5.0（nrf52810），低功耗模式按键+旋钮自定义按键，可设置组合键和多媒体键，专用软件设置WS2812灯效 看到很多人有私信问我，目前我做的是CH583蓝牙双模键盘（半成品，已无限期搁置）一、CH552简介CH552是一款包含USB功能的单片机，还包含多个外设，如ADC、PW
转载
2023-12-20 10:05:02
102阅读
25个增强iOS应用程序性能的提示和技巧(中级篇)(3)本文收集了25个关于可以提升程序性能的提示和技巧，分为3个不同的等级：初级、中级和高级。您也可以点击查看初级篇。18）降低Web、内容的影响UIWebView非常有用。用它可以很容易的显示web内容，甚至可以构建UIKit空间难以显示的内容。不过，你可以能已经注意到程序中使用的UIWebView组建没有苹果的Safari程序快。这是因为JIT
100%与vh的区别
原创
2023-02-24 12:13:16
178阅读
# iOS手机上的100vh溢出问题探讨
在现代Web开发中，`vh` (viewport height) 单位被广泛应用于响应式设计，其用法非常直观：1vh等于视口高度的1%。然而，在iOS设备上，使用`100vh`往往会导致内容溢出一屏的问题，这使得开发者在设计移动端页面时不得不考虑这一特殊情况。
## 问题概述
### 何谓100vh溢出？
在大多数桌面和安卓设备上，`100vh`的
const originalHeight = document.documentElement.clientHeight || document.body.clientHeight; let vh = originalHeight * 0.01; document.documentElement.s ...
转载
2021-07-30 10:14:00
463阅读
2评论
# iOS网页中的100vh问题及解决方案
在移动设备上开发网页时，可能会遇到“100vh”的问题，特别是在iOS设备上。这里的“100vh”指的是视口高度的100%。很多开发者在设计响应式网页时，通常会使用`100vh`来使元素占满整个屏幕的高度。然而，在iOS上，由于系统UI（如地址栏和工具栏）的变化，这个值并不会如预期那样工作。本篇文章将介绍这一问题的原因，以及一些解决方案。
## 一、
原创
2024-09-28 04:26:21
408阅读
1.就是当前屏幕可见高度的1%，也就是说hei
原创
2022-09-22 11:44:16
80阅读
