diff --git a/src/pages/index/index.module.scss b/src/pages/index/index.module.scss
index 83d0c52..19a3fe6 100644
--- a/src/pages/index/index.module.scss
+++ b/src/pages/index/index.module.scss
@@ -119,6 +119,10 @@
   text-align: left;
   overflow-x: hidden;
   overflow-y: auto;
+  padding-bottom: calc(
+    55px + constant(safe-area-inset-bottom)
+  ); /* 兼容iOS 11.0 - 11.2 */
+  padding-bottom: calc(55px + env(safe-area-inset-bottom)); /* 兼容iOS 11.2+ */
   .item {
     width: 100%;
     float: left;
diff --git a/src/pages/study/index.module.scss b/src/pages/study/index.module.scss
index 9f6c66c..8b3df06 100644
--- a/src/pages/study/index.module.scss
+++ b/src/pages/study/index.module.scss
@@ -17,6 +17,10 @@
   text-align: left;
   overflow-x: hidden;
   overflow-y: auto;
+  padding-bottom: calc(
+    80px + constant(safe-area-inset-bottom)
+  ); /* 兼容iOS 11.0 - 11.2 */
+  padding-bottom: calc(80px + env(safe-area-inset-bottom)); /* 兼容iOS 11.2+ */
   .label {
     width: 100%;
     height: 40px;