fix 字体问题处理

 <!--
  * @Date: 2024-09-26 13:36:06
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-10-17 09:45:26
+ * @LastEditTime: 2024-10-17 15:55:29
  * @FilePath: /hager/src/App.vue
  * @Description: 文件描述
 -->
@@ -42,7 +42,6 @@ export default {
 
 html,
 body {
-  font-size: 16px;
   width: 100%;
   height: 100%;
   margin: 0;
@@ -54,6 +53,28 @@ body {
   }
 }
 
+body {
+  font-size: 16px; /* 默认字体大小 */
+}
+
+// @media (max-width: 1200px) {
+//   body {
+//     font-size: 14px; /* 1200px 以下屏幕的字体大小 */
+//   }
+// }
+
+// @media (max-width: 768px) {
+//   body {
+//     font-size: 12px; /* 768px 以下屏幕的字体大小 */
+//   }
+// }
+
+// @media (max-width: 480px) {
+//   body {
+//     font-size: 10px; /* 480px 以下屏幕的字体大小 */
+//   }
+// }
+
 .global-center {
   position: relative;
   top: 50%;