fix: 1442 用户信息这块的样式是不是做死了，感觉样式很奇怪 在1440*900下很大，这块得考虑一下

src/layout/components/Header/UserSettings.vue

@@ -101,8 +101,8 @@ const options = computed(() => {
       <div class="header">
         <n-avatar :src="getImgUrl(useInfo.usericon)" round style="width:53px; height:53px" />
         <div style="margin-left: 12px">
-          <span style="display: block; font-size: 21px">{{ useInfo.username }}</span>
-          <span style="display: block; font-size: 16px">{{ useInfo.departname }}</span>
+          <span style="display: block;" class="user-name">{{ useInfo.username }}</span>
+          <span style="display: block;" class="depart-name">{{ useInfo.departname }}</span>
         </div>
       </div>
       <div class="trigger">
@@ -120,7 +120,7 @@ const options = computed(() => {
       <div class="trigger" @click="logOut">
         退出登录
       </div>
-      <div class="container" v-show="changeFlag" style="position: absolute;right:332px;width: 220px;padding:24px 0">
+      <div class="container sub-container" v-show="changeFlag" style="position: absolute;right:17vw;width: 11.5vw;padding:24px 0">
         <div class="trigger" v-for="option in options" :key="option.key" @click="handleSelect(option)">
           {{ option.label }}
         </div>
@@ -130,6 +130,18 @@ const options = computed(() => {
 </template>
 
 <style lang="less" scoped>
+@media screen and (min-width: 1920px) {
+  .container {
+    .header{
+      .user-name{
+        font-size: 21px;
+      }
+      .depart-name{
+        font-size: 16px;
+      }
+    }
+  }
+}
 .setting {
   display: flex;
   align-items: center;
@@ -142,7 +154,7 @@ const options = computed(() => {
   border-radius: 10px;
   justify-content: center;
   background-color: #ffffff;
-  width: 320px;
+  width: 16vw;
   position: relative;
 
   .header {