解决 pad样式问题

src/views/creation/playCreation/index.module.less

@@ -1,6 +1,6 @@
 .playCreation{
   width: 100vw;
-  height: 100vh;
+  height: var(--creationHeight, 100vh);
   position: relative;
   overflow: hidden;
   &.landscapeScreen{
@@ -19,6 +19,7 @@
         width: var(--creationHeight, 100vh) !important;
         height: 100vw !important;
         min-height: 100vw !important;
+        transform: translate(0); // 解决旋转之后 某些浏览器z-index 图层变化了
       }
     }
   }
@@ -111,6 +112,16 @@
       width: 100%;
       height: 100%;
   }
+  &.ipadPlayCreation{
+    .audioBox {
+      .audioBga{
+        margin-left: 10%;
+        margin-top: 10%;
+        width: 80%;
+        height: 62%;
+      }
+    }
+  }
   .audioBox{
       width: 100%;
       height: 100%;

src/views/creation/playCreation/index.tsx

@@ -425,7 +425,7 @@ export default defineComponent({
     })
     return () =>
     <div id="landscapeScreenPlay"
-      class={[styles.playCreation,landscapeScreen.value && styles.landscapeScreen,!loaded.value && styles.notLoaded]}
+      class={[styles.playCreation,landscapeScreen.value && styles.landscapeScreen,!loaded.value && styles.notLoaded, browser().isTablet && styles.ipadPlayCreation]}
       style={
         {
           "--creationHeight":creationHeight.value ? creationHeight.value+"px" : "100vh"