后期修改完善，上线版本

nuxt.config.js

@@ -57,9 +57,9 @@ export default {
         'normalize.css/normalize.css',  // 引入
         '@/styles/index.scss',   //引入全局样式
 		'@/styles/text.scss',
-		'@/styles/font.scss',
 		'@/styles/flex.scss',
 		'@/styles/article.scss',
+		'@/styles/font.scss',
     ],
 
     // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
@@ -100,6 +100,24 @@ export default {
 
     // Build Configuration: https://go.nuxtjs.dev/config-build
     build: {
+		postcss: {
+			plugins: {
+				'postcss-px-to-viewport': {
+					unitToConvert: 'px',        // 需要转换的单位
+					viewportWidth: 1920,        // 设计稿基准宽度（1470px）
+					unitPrecision: 5,           // 转换后的小数位数
+					propList: ['*'],            // 转换所有属性
+					viewportUnit: 'vw',         // 转换后的单位
+					fontViewportUnit: 'vw',     // 字体单位也使用 vw
+					selectorBlackList: [],      // 不转换的选择器
+					minPixelValue: 1,           // 小于等于 1px 不转换
+					mediaQuery: false,          // 不转换媒体查询中的 px
+					replace: true,              // 直接替换原属性
+					exclude: [/node_modules/],  // 忽略 node_modules
+					landscape: false            // 不生成横屏适配
+				}
+			}
+		}
     },
 
     axios: {