diff --git a/pages/webview-screenshot-comparison/webview-screenshot-comparison.uvue b/pages/webview-screenshot-comparison/webview-screenshot-comparison.uvue
index d05d877b4425c42a6edc56a7372118a8063066fa..8e598de9581cb9945ac4bfdd1b6551fe5fade396 100644
--- a/pages/webview-screenshot-comparison/webview-screenshot-comparison.uvue
+++ b/pages/webview-screenshot-comparison/webview-screenshot-comparison.uvue
@@ -1,5 +1,5 @@
 <template>
-  <view v-if="!isCustomNavigationBar" :style="placeholderStyle"></view>
+  <view v-if="!isCustomNavigationBar" class="top-placehoder"></view>
   <web-view id="webview-screenshot-comparison" class="webview-screenshot-comparison" :webview-styles="webviewStyles"
     :src="src" @loaded="loaded" @error="error">
   </web-view>
@@ -17,11 +17,6 @@
         isLoaded: false,
         statusBarHeight: state.statusBarHeight,
         isCustomNavigationBar: false,
-        placeholderStyle: {
-          display: 'block',
-          height: `${state.statusBarHeight}px`,
-          backgroundColor: '#007aff'
-        },
         devicePixelRatio: state.devicePixelRatio,
         webviewStyles: {
           progress: false
@@ -58,7 +53,11 @@
     }
   }
 </script>
-<style>
+<style>
+  .top-placehoder{
+    height: var(--status-bar-height);
+    background-color: #007aff;
+  }
   .webview-screenshot-comparison {
     flex: 1;
   }