ipad 兼容跟练大小

src/view/selection/index.module.less

@@ -212,7 +212,11 @@
         height: 38px;
     }
 }
-
+.isPad{
+    .followTipUp, .followTipDown {
+        transform: translate(-50%) scale(0.7);
+    }
+}
 .followTipUp {
     i {
         font-style: normal;

src/view/selection/index.tsx

@@ -11,6 +11,7 @@ import { getQuery } from "/src/utils/queryString";
 import IntonationDown from "./imgs/pitchLow.png"
 import IntonationUp from "./imgs/pitchHigh.png"
 import MultipleRestMeasures from "./multipleRestMeasures"
+import { browser } from "../../utils";
 
 const selectData = reactive({
 	notes: [] as any[],
@@ -207,6 +208,8 @@ export const recalculateNoteData = () => {
 export default defineComponent({
 	name: "selection",
 	setup() {
+		const browsInfo = browser();
+		const isPad =  navigator?.userAgent?.includes("UAWEIVRD-W09") || browsInfo?.iPad || browsInfo.isTablet;
 		const route = useRoute();
 		const query: any = {
 			...getQuery(),
@@ -282,6 +285,7 @@ export default defineComponent({
 					id="selectionBox"
 					class={[
 						styles.selectionContainer,
+						isPad && styles.isPad
 					]}
 					onClick={(e: Event) => e.stopPropagation()}
 				>