src/views/login.vue
@@ -186,11 +186,21 @@ } .login-card { background: #ffffff; width: 384px; padding: 20px; width: 430px; position: absolute; top: 50%; transform: translate(0, -50%); right: 206px; } @media (max-width: 992px) { .login-card { width: 300px; position: absolute; top: 50%; left: 50%; /* 新增水平定位基准 */ transform: translate(-50%, -50%); /* 同时处理XY轴偏移 */ } } .login-form { border-radius: 6px; @@ -243,4 +253,10 @@ font-size: 20px; color: #000000; } @media (max-width: 992px) { :deep(.el-form-item__content) { width: 260px; } } </style>