網站首頁 編程語言 正文
底部安全區適配
// index.html 增加
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" />
// 全局樣式增加
@supports(bottom:env(safe-area-inset-bottom)){
#app{
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
}
}
設置后部分頁面不生效,經過排查是高度設定的100vh導致的,修改100%后生效。
原文鏈接:https://blog.csdn.net/sinat_31327113/article/details/120725465
相關推薦
- 2023-04-24 pandas常用表連接merge/concat/join/append詳解_python
- 2022-01-08 Unity如何制作道具tips隨著屏幕邊界自適應變換位置,確保不超出屏幕的功能
- 2021-12-25 常用時間處理方法:時間戳和格式化時間之間轉換;時間比大小
- 2022-10-27 教你快速搭建?React?Native?開發環境_React
- 2022-06-01 Android自制九宮格解鎖控件_Android
- 2022-10-02 Go底層channel實現原理及示例詳解_Golang
- 2023-02-14 React?useCallback使用教程_React
- 2023-10-14 關于Smartbi配置Sql Server數據源調用HTTP請求
- 最近更新
-
- window11 系統安裝 yarn
- 超詳細win安裝深度學習環境2025年最新版(
- Linux 中運行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎操作-- 運算符,流程控制 Flo
- 1. Int 和Integer 的區別,Jav
- spring @retryable不生效的一種
- Spring Security之認證信息的處理
- Spring Security之認證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權
- redisson分布式鎖中waittime的設
- maven:解決release錯誤:Artif
- restTemplate使用總結
- Spring Security之安全異常處理
- MybatisPlus優雅實現加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務發現-Nac
- Spring Security之基于HttpR
- Redis 底層數據結構-簡單動態字符串(SD
- arthas操作spring被代理目標對象命令
- Spring中的單例模式應用詳解
- 聊聊消息隊列,發送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠程分支