feat: 优化响应式布局，使用 CSS 支持的单位调整屏幕高度和宽度

2025-03-31 15:30:45 +08:00
parent 3edb7392ce
commit 12d5ee979f
2 changed files with 9 additions and 5 deletions
--- a/src/App.vue
+++ b/src/App.vue
@ -27,10 +27,14 @@ const themeConfig = computed(() => {
 .layout-wrapper {
  isolation: isolate;
 }
-.w-screen {
-  width: 100dvw;
+@supports (height: 100dvh) {
+  .h-screen {
+    height: 100dvh;
+  }
 }
-.h-screen {
-  height: 100dvh;
+@supports (width: 100dvw) {
+  .w-screen {
+    width: 100dvw;
+  }
 }
 </style>