手机上的100vh比真实的看得见的部分还高

手机上的100vh是指在移动设备上使用CSS单位vh（视口高度）时，它代表的是视口的高度的百分比。视口是指浏览器中用于显示网页内容的可见区域。

在移动设备上，由于存在状态栏、导航栏等元素，实际可见的网页内容区域可能会比设备屏幕的高度要小。因此，手机上的100vh可能会比真实的可见部分还要高。

这种情况下，可以通过使用JavaScript来动态计算实际可见区域的高度，并将其应用于相应的元素。以下是一个示例代码：

// 获取视口高度
var viewportHeight = window.innerHeight || document.documentElement.clientHeight;

// 将视口高度应用于元素
document.getElementById("elementId").style.height = viewportHeight + "px";

在移动设备上，使用100vh时需要注意这个问题，以确保网页内容在可见区域内正确显示。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云移动应用分析（https://cloud.tencent.com/product/mga）
• 腾讯云移动推送（https://cloud.tencent.com/product/tpns）
• 腾讯云移动直播（https://cloud.tencent.com/product/mlvb）
• 腾讯云移动短信（https://cloud.tencent.com/product/sms）
• 腾讯云移动测速（https://cloud.tencent.com/product/mtr）
• 腾讯云移动游戏加速（https://cloud.tencent.com/product/gme）
• 腾讯云移动智能（https://cloud.tencent.com/product/ai）
• 腾讯云移动推广（https://cloud.tencent.com/product/mas）
• 腾讯云移动支付（https://cloud.tencent.com/product/mps）
• 腾讯云移动安全（https://cloud.tencent.com/product/ms）
• 腾讯云移动解决方案（https://cloud.tencent.com/solution/mobile）
• 腾讯云移动开发者工具（https://cloud.tencent.com/product/mtt）
• 腾讯云移动游戏（https://cloud.tencent.com/product/mg）
• 腾讯云移动物联网（https://cloud.tencent.com/product/iot）
• 腾讯云移动存储（https://cloud.tencent.com/product/cos）
• 腾讯云移动数据库（https://cloud.tencent.com/product/cdb）
• 腾讯云移动计算（https://cloud.tencent.com/product/cvm）
• 腾讯云移动网络（https://cloud.tencent.com/product/vpc）
• 腾讯云移动安全（https://cloud.tencent.com/product/ssms）
• 腾讯云移动域名（https://cloud.tencent.com/product/dnspod）
• 腾讯云移动监控（https://cloud.tencent.com/product/monitoring）
• 腾讯云移动日志服务（https://cloud.tencent.com/product/cls）
• 腾讯云移动人工智能（https://cloud.tencent.com/product/ai）
• 腾讯云移动区块链（https://cloud.tencent.com/product/baas）
• 腾讯云移动元宇宙（https://cloud.tencent.com/product/mu）
• 腾讯云移动云原生（https://cloud.tencent.com/product/tke）
• 腾讯云移动服务器运维（https://cloud.tencent.com/product/cbs）
• 腾讯云移动软件测试（https://cloud.tencent.com/product/tst）
• 腾讯云移动前端开发（https://cloud.tencent.com/product/fed）
• 腾讯云移动后端开发（https://cloud.tencent.com/product/bcd）
• 腾讯云移动数据库（https://cloud.tencent.com/product/cdb）
• 腾讯云移动网络通信（https://cloud.tencent.com/product/cmq）
• 腾讯云移动网络安全（https://cloud.tencent.com/product/cfw）
• 腾讯云移动音视频（https://cloud.tencent.com/product/tiia）
• 腾讯云移动多媒体处理（https://cloud.tencent.com/product/mps）
• 腾讯云移动人工智能（https://cloud.tencent.com/product/ai）
• 腾讯云移动物联网（https://cloud.tencent.com/product/iot）
• 腾讯云移动存储（https://cloud.tencent.com/product/cos）
• 腾讯云移动区块链（https://cloud.tencent.com/product/baas）
• 腾讯云移动元宇宙（https://cloud.tencent.com/product/mu）

请注意，以上链接仅供参考，具体产品和服务详情请以腾讯云官方网站为准。