响应式布局

assets/main.scss

@@ -5,7 +5,6 @@ html {
 }
 
 body {
-  min-width: 1200px;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }

layouts/custom.vue

@@ -3,7 +3,7 @@
  * @Author: 欧阳承珺
  * @LastEditors: 欧阳承珺
  * @Date: 2022-10-21 10:04:45
- * @LastEditTime: 2022-10-24 13:54:46
+ * @LastEditTime: 2022-11-15 10:10:52
 -->
 <template>
   <div>

layouts/default.vue

@@ -3,10 +3,10 @@
  * @Author: 欧阳承珺
  * @LastEditors: 欧阳承珺
  * @Date: 2022-10-17 15:11:18
- * @LastEditTime: 2022-11-11 19:18:17
+ * @LastEditTime: 2022-11-15 10:03:54
 -->
 <template>
-  <div class="font-primary">
+  <div class="font-primary min-w-1200px">
     <Navbar></Navbar>
     <Nuxt></Nuxt>
     <FooterBar></FooterBar>

layouts/userCenter.vue

@@ -3,10 +3,10 @@
  * @Author: 欧阳承珺
  * @LastEditors: 欧阳承珺
  * @Date: 2022-11-01 20:18:40
- * @LastEditTime: 2022-11-11 19:18:14
+ * @LastEditTime: 2022-11-15 10:04:42
 -->
 <template>
-  <div class="font-primary">
+  <div class="font-primary min-w-1200px">
     <Navbar></Navbar>
     <div class="flex mt-50px px-[10%] mb-30px justify-between">
       <div class="w-[27%] min-w-260px px-24px pb-80px mb-20px bg-[#fafafa]">

windi.config.js

@@ -3,7 +3,7 @@
  * @Author: 欧阳承珺
  * @LastEditors: 欧阳承珺
  * @Date: 2022-10-19 17:25:48
- * @LastEditTime: 2022-11-03 13:41:21
+ * @LastEditTime: 2022-11-15 09:56:22
  */
 import { defineConfig } from 'windicss/helpers'
 
@@ -15,7 +15,10 @@ export default defineConfig({
       'xl': '1280px',
       'lg': '1120px',
       'tiny': '960px',
-      'sm': '768px'
+      'sm': '768px',
+      'sm750':'750px',
+      'sm550':'550px',
+      'sm480':'480px',
     },
     extend: {
       fontFamily: {