diff --git a/bloodSugarGprsSampleCode/src/views/historyDetail.vue b/bloodSugarGprsSampleCode/src/views/historyDetail.vue
index 226d282c6ea187d8f9bed803b82e5b39893a015d..aa24a900c6444ed9fce370c9f1e477f82d6a9bc7 100644
--- a/bloodSugarGprsSampleCode/src/views/historyDetail.vue
+++ b/bloodSugarGprsSampleCode/src/views/historyDetail.vue
@@ -617,19 +617,22 @@ export default {
 <style scoped>
     .detailContainer {
         width: 100%;
-        height: -webkit-fill-available;
+        height: 100%;
+        overflow: hidden scroll;
+        display: flex;
+        justify-content: center;
         position: fixed;
         top: 0;
-        right: 0;
+        left: 0;
     }
 
     .detailBox{
-        height: -webkit-fill-available;
+        width: 100%;
         display: flex;
         flex-direction: column;
         align-items: center;
         overflow: hidden scroll;
-        margin-bottom: 7rem;
+        margin-bottom: 12.5rem;
     }
 
     .date {
@@ -768,6 +771,7 @@ export default {
         width: 100%;
         align-items: center;
         padding-bottom: 2.4rem;
+        padding-top: .5rem;
     }
 
     .btnComplete {
@@ -789,4 +793,12 @@ export default {
     .unenabled {
         background-color: rgba(251, 101, 34, 0.6);
     }
+
+    /* 适配折叠屏滑动效果 */
+    @media screen and (min-width: 675px){
+        .detailBox{
+            padding-bottom: 5rem;
+        }
+        
+    }
 </style>
\ No newline at end of file