diff --git a/src/styles/mdp.scss b/src/styles/mdp.scss
index 5adea68b..929ac73d 100644
--- a/src/styles/mdp.scss
+++ b/src/styles/mdp.scss
@@ -285,24 +285,13 @@ table tr.hover-row{
     display:none;
   }
 }
+ 
 
-.xl-text{  
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;  
-  max-width:300px;
-}
-.lg-text{  
+.res-text{
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;  
-  max-width:250px;
-}
-.sm-text{   
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;  
-  max-width:200px;
+  max-width:20vw;
 }
  /**
  *解决表格固定列无法滚动问题
@@ -378,7 +367,7 @@ table tr.hover-row{
   .page-center{    
     margin:0 auto;
     max-width: 95vw;
-  }
+  } 
 }
 /*ipad*/
 @media only screen and (min-width: 768px) and (max-width: 992px) { 
diff --git a/src/views/xm/core/components/XmIterationSelect.vue b/src/views/xm/core/components/XmIterationSelect.vue
index 88899237..a29610ea 100644
--- a/src/views/xm/core/components/XmIterationSelect.vue
+++ b/src/views/xm/core/components/XmIterationSelect.vue
@@ -120,16 +120,16 @@
 			</el-row>
 			<div slot="reference" @click="referenceClick">
 				<slot name="reference" v-bind:iteration="editForm">
-					<span class="title">
+					<div class="title">
 						<slot name="title"  v-bind:iteration="editForm">
 							<el-link title="点击选中迭代"   type="primary"  icon="el-icon-connection"> 
-								<div class="lg-text hidden-md-and-down">
+								<div class="res-text hidden-md-and-down">
 									{{
 										editForm&&editForm.id?editForm.iterationName:'选择迭代'
 									}} 
 									</div>
 									
-									<div class="sm-text hidden-lg-and-up">
+									<div class="res-text hidden-lg-and-up">
 									{{
 										editForm&&editForm.id?editForm.iterationName:'选择迭代'
 									}} 
@@ -137,7 +137,7 @@
 							</el-link>
 							 <el-button v-if="editForm&&editForm.id" type="text"  icon="el-icon-circle-close" @click.stop="clearSelectIteration"></el-button>&nbsp;
 							</slot>
-					</span>
+					</div>
 				</slot>
 			</div>
 		</el-popover> 
diff --git a/src/views/xm/core/components/XmProductSelect.vue b/src/views/xm/core/components/XmProductSelect.vue
index c53a6ab3..0010adce 100644
--- a/src/views/xm/core/components/XmProductSelect.vue
+++ b/src/views/xm/core/components/XmProductSelect.vue
@@ -192,13 +192,13 @@
                   v-loading="load.list"
                   icon="el-icon-s-opportunity" 
               >
-              <div class="lg-text hidden-md-and-down">
+              <div class="res-text hidden-md-and-down">
               {{
                 editForm && editForm.id ? editForm.productName : "选择产品"
               }} 
               </div>
               
-              <div class="sm-text hidden-lg-and-up">
+              <div class="res-text hidden-lg-and-up">
               {{
                 editForm && editForm.id ? editForm.productName : "选择产品"
               }} 
diff --git a/src/views/xm/core/components/XmProjectSelect.vue b/src/views/xm/core/components/XmProjectSelect.vue
index 472fc97d..0577cf32 100644
--- a/src/views/xm/core/components/XmProjectSelect.vue
+++ b/src/views/xm/core/components/XmProjectSelect.vue
@@ -194,13 +194,13 @@
               type="warning"
               icon="el-icon-odometer"
               >  
-              <div class="lg-text hidden-md-and-down">
+              <div class="res-text hidden-md-and-down">
               {{
                 editForm && editForm.id ? editForm.name: "选择项目"
               }} 
               </div>
               
-              <div class="sm-text hidden-lg-and-up">
+              <div class="res-text hidden-lg-and-up">
               {{
                editForm && editForm.id ? editForm.name: "选择项目"
               }} 
diff --git a/src/views/xm/core/xmIteration/XmIterationForLinkComplex.vue b/src/views/xm/core/xmIteration/XmIterationForLinkComplex.vue
index 87f49e05..9d006242 100644
--- a/src/views/xm/core/xmIteration/XmIterationForLinkComplex.vue
+++ b/src/views/xm/core/xmIteration/XmIterationForLinkComplex.vue
@@ -3,13 +3,14 @@
 		<el-row> 
 			<el-col :xl="4" :lg="4" :md="5" :sm="5" :xs="5" class="padding">
 				<div class="border">
-				 <el-row>
- 						<xm-iteration-select ref="xmIterationSelect" :auto-select="true" :link-project-id="projectInfo?projectInfo.id:null" :product-id="xmProduct?xmProduct.id:null"  @row-click="onIterationRowClick" @clear="onIterationClearSelect">
+				 <el-row >
+ 						<xm-iteration-select  ref="xmIterationSelect" :auto-select="true" :link-project-id="projectInfo?projectInfo.id:null" :product-id="xmProduct?xmProduct.id:null"  @row-click="onIterationRowClick" @clear="onIterationClearSelect">
 							<template v-slot:title="{iteration}">
-								<h4 href="#"><div class="lg-text hidden-md-and-down"><i style="font-size:16px;" class="el-icon-sort"></i> {{iteration&&iteration.id?iteration.iterationName:'请选择一个迭代'}}</div></h4>
-								<h4 href="#"><div class="sm-text hidden-lg-and-up"><i style="font-size:16px;" class="el-icon-sort"></i> {{iteration&&iteration.id?iteration.iterationName:'请选择一个迭代'}}</div></h4>
+								<h4 href="#"><div style="max-width:15vw;" class="res-text hidden-md-and-down"><i style="font-size:16px;" class="el-icon-sort"></i> {{iteration&&iteration.id?iteration.iterationName:'请选择一个迭代'}}</div></h4> 
+								<h4 href="#"><div style="max-width:19vw;" class="res-text hidden-lg-and-up"><i style="font-size:16px;" class="el-icon-sort"></i> {{iteration&&iteration.id?iteration.iterationName:'请选择一个迭代'}}</div></h4> 
 							</template>
 						</xm-iteration-select>
+						 
   				 </el-row> 
 				<el-row ref="pageBody" class="padding" :style="{ maxHeight: maxTableHeight + 'px', overflowY: 'auto' }"> 
  								<el-steps v-if="xmIteration&&xmIteration.id"
diff --git a/src/views/xm/core/xmIteration/top-nav.vue b/src/views/xm/core/xmIteration/top-nav.vue
index fdc2682a..9e3070e6 100644
--- a/src/views/xm/core/xmIteration/top-nav.vue
+++ b/src/views/xm/core/xmIteration/top-nav.vue
@@ -15,8 +15,8 @@
         <el-menu-item :index="'/xm/core/iteration/overview?iterationId='+xmIteration.id">
           <div
             slot="title"
-            style="max-width: 350px; font-weight: 600; font-size: 18px; color: #ff8c00"
-            class="xl-text"
+            style="max-width: 20vw; font-weight: 600; font-size: 18px; color: #ff8c00"
+            class="res-text"
             :title="xmIteration.iterationName"
           >  &nbsp;<el-avatar class="top-icon"  style="background-color:#ff8c00">迭代</el-avatar>{{ xmIteration.iterationName }} 
  
diff --git a/src/views/xm/core/xmProduct/XmProductForLinkComplex.vue b/src/views/xm/core/xmProduct/XmProductForLinkComplex.vue
index e932289a..fb06dfc8 100644
--- a/src/views/xm/core/xmProduct/XmProductForLinkComplex.vue
+++ b/src/views/xm/core/xmProduct/XmProductForLinkComplex.vue
@@ -13,8 +13,8 @@
               @clear="onProductClearSelect"
             >
             <template v-slot:title="{product}">
-               <h4 href="#"><div class="lg-text hidden-md-and-down"><i style="font-size:16px;" class="el-icon-sort"></i> {{product && product.id?product.productName:'请选择一个产品'}}</div></h4>
-               <h4 href="#"><div class="sm-text hidden-lg-and-up"><i style="font-size:16px;" class="el-icon-sort"></i> {{product && product.id?product.productName:'请选择一个产品'}}</div></h4>
+               <h4 href="#"><div style="max-width:15vw;" class="res-text hidden-md-and-down"><i style="font-size:16px;" class="el-icon-sort"></i> {{product && product.id?product.productName:'请选择一个产品'}}</div></h4>
+               <h4 href="#"><div style="max-width:19vw;" class="res-text hidden-lg-and-up"><i style="font-size:16px;" class="el-icon-sort"></i> {{product && product.id?product.productName:'请选择一个产品'}}</div></h4>
             </template>
            
           </xm-product-select> 
diff --git a/src/views/xm/core/xmProduct/top-nav.vue b/src/views/xm/core/xmProduct/top-nav.vue
index 8efdc8ed..6f0503d4 100644
--- a/src/views/xm/core/xmProduct/top-nav.vue
+++ b/src/views/xm/core/xmProduct/top-nav.vue
@@ -16,8 +16,7 @@
       <el-menu-item :index="'/xm/core/product/overview?productId='+xmProduct.id">
           <div
             slot="title"
-            style="max-width: 350px; font-weight: 600; font-size: 18px; color: #409EFF"
-            class="xl-text"
+            style="max-width: 20vw; font-weight: 600; font-size: 18px; color: #409EFF"  
             :title="xmProduct.productName"
           >
             &nbsp; <el-avatar class="top-icon"  style="background-color:#409EFF">产品</el-avatar>{{ xmProduct.productName }} 
diff --git a/src/views/xm/core/xmProject/XmProjectForLinkComplex.vue b/src/views/xm/core/xmProject/XmProjectForLinkComplex.vue
index 7b80a822..7d9f6dc0 100644
--- a/src/views/xm/core/xmProject/XmProjectForLinkComplex.vue
+++ b/src/views/xm/core/xmProject/XmProjectForLinkComplex.vue
@@ -13,8 +13,8 @@
                 @clear="onProjectClearSelect"
               >
               <template v-slot:title="{project}">
-                <h4 href="#"><div class="lg-text hidden-md-and-down"><i style="font-size:16px;" class="el-icon-sort"></i> {{project && project.id?project.name:'请选择一个项目'}}</div></h4>
-                <h4 href="#"><div class="sm-text hidden-lg-and-up"><i style="font-size:16px;" class="el-icon-sort"></i> {{project & project.id ?project.name:'请选择一个项目'}}</div></h4>
+                <h4 href="#"><div style="max-width:15vw;" class="res-text hidden-md-and-down"><i style="font-size:16px;" class="el-icon-sort"></i> {{project && project.id?project.name:'请选择一个项目'}}</div></h4>
+                <h4 href="#"><div style="max-width:19vw;" class="res-text hidden-lg-and-up"><i style="font-size:16px;" class="el-icon-sort"></i> {{project & project.id ?project.name:'请选择一个项目'}}</div></h4>
               </template>
             </xm-project-select> 
           </el-row> 
diff --git a/src/views/xm/core/xmProject/top-nav.vue b/src/views/xm/core/xmProject/top-nav.vue
index bc01781c..ea91f062 100644
--- a/src/views/xm/core/xmProject/top-nav.vue
+++ b/src/views/xm/core/xmProject/top-nav.vue
@@ -16,7 +16,7 @@
         <el-menu-item :index="'/xm/core/project/overview?projectId='+projectInfo.id">
           <div
             slot="title" 
-            style="max-width: 350px;font-weight: 600; font-size: 18px; color: #E6A23C" 
+            style="max-width: 20vw;font-weight: 600; font-size: 18px; color: #E6A23C" 
             class="xl-text"
             :title="projectInfo.name"
           >  
diff --git a/src/views/xm/core/xmTestCasedb/top-nav.vue b/src/views/xm/core/xmTestCasedb/top-nav.vue
index 9c5d05cf..a5d80311 100644
--- a/src/views/xm/core/xmTestCasedb/top-nav.vue
+++ b/src/views/xm/core/xmTestCasedb/top-nav.vue
@@ -16,7 +16,7 @@
       <el-menu-item :index="'/xm/core/test/overview?casedbId='+testCasedb.id">
           <div
             slot="title"
-            style="max-width:350px;font-size: 18px;font-weight: 600; color: #409EFF" 
+            style="max-width:20vw;font-size: 18px;font-weight: 600; color: #409EFF" 
             class="xl-text"
             :title="testCasedb.name"
           >