原文:關於蘋果X及以上底部安全區適配的解決辦法

iPhone X及以上機型底部存在底部指示條,指示條的操作區域與頁面底部存在重合,容易導致用戶誤操作, 因此我們需要針對這些機型進行安全區適配。Vant中部分組件提供了safe area inset top或safe area inset bottom屬性,設置該屬性后,即可在對應的機型上開啟適配 示例: ...

2020-11-17 17:23 1 1880 推薦指數:

查看詳情

小程序以及H5頁面上IphoneX底部安全區域小黑條適配問題

背景 公司項目開發中,發現iPhoneX上吸底元素存在被小黑條遮擋的問題 原因 在蘋果 iPhoneX 、iPhone XR等機型上,物理Home鍵被取消,改為底部小黑條替代home鍵功能,從而導致吸底元素會被小黑條遮擋覆蓋的問題 解決方案 使用已知底部小黑條 ...

Sat Apr 18 19:08:00 CST 2020 0 6250
適配> iPhoneX SafeArea - 安全區

一. 前言 本文的出發點是對iOS設備的適配, 我們之前的適配只是考慮設備的尺寸, 設備的方向, 而在iPhoneX出來之后呢, 我們又多了一種考量, 那就是劉海和底部橫條(HomeIndicator), 我們通過UIKit11.0之后新增的API來解決這個問題, 達到不同設備尺寸 ...

Mon Nov 12 02:50:00 CST 2018 0 8249
【uniapp】兼容劉海屏底部安全區

因為iphoneX等機型最下面會有條黑色等線,導致按鈕等元素被遮住部分,所以設置安全區邊距會往上提,如果不是劉海屏則保持原來樣式。(注:在小程序模擬器上不生效,以真機為准。) iOS方案一:使用原生占位(僅App端支持) iOS方案二:不使用原生占位(非App端可以不配置manifest ...

Wed Dec 30 23:09:00 CST 2020 0 588
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM