diff --git a/src/layout/components/Logo/index.vue b/src/layout/components/Logo/index.vue
index 68fe906..a7ad423 100644
--- a/src/layout/components/Logo/index.vue
+++ b/src/layout/components/Logo/index.vue
@@ -36,8 +36,12 @@ const isDark = computed(() => {
   }
 
   .logo_title {
+    max-width: 150px;
     font-weight: bold;
     font-size: $font-size-title-2;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
   }
   .dark {
     color: #fff;
diff --git a/src/layout/layout-head/index.vue b/src/layout/layout-head/index.vue
index 6038363..e18b1dc 100644
--- a/src/layout/layout-head/index.vue
+++ b/src/layout/layout-head/index.vue
@@ -2,7 +2,10 @@
   <div class="layout-head">
     <div class="layout-head-top">
       <a-layout-header class="header">
-        <Logo />
+        <div class="header-logo">
+          <Logo />
+        </div>
+
         <a-menu mode="horizontal" :selected-keys="[currentRoute.name]" @menu-item-click="onMenuItem">
           <template v-for="item in routeTree" :key="item.name">
             <a-sub-menu v-if="item.children && item.children.length > 0" :key="item.name">
@@ -69,6 +72,9 @@ const onMenuItem = (key: string) => {
   display: flex;
   align-items: stretch; // 如果（多个）元素的组合大小小于容器的大小，其中自动调整大小的元素将等量增大，以填满容器，同时这些元素仍然保持其宽高比例的约束。
   overflow: hidden;
+  .header-logo {
+    width: 150px;
+  }
   &-top {
     flex: 1; // 按比例分配大小
     display: flex;