Browse Source

ios增加顶部和底部安全区域css样式

t_finder 1 month ago
parent
commit
b52ad1a3a6
1 changed files with 5 additions and 0 deletions
  1. 5 0
      assets/style/main.scss

+ 5 - 0
assets/style/main.scss

@@ -9,6 +9,11 @@ html {
 
 body {
 	// overscroll-behavior-y: contain;
+	// ios 安全区域
+	padding-top: constant(safe-area-inset-top); /* 兼容 iOS < 11.2 */
+  padding-top: env(safe-area-inset-top); /* 兼容 iOS >= 11.2 */
+	padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
+  padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */
 }
 
 @font-face {