diff --git a/module/index/css/index.css b/module/index/css/index.css
index 24d87480e8..945a519d84 100644
--- a/module/index/css/index.css
+++ b/module/index/css/index.css
@@ -91,4 +91,16 @@ body.menu-hide {padding-left: 0;}
 
 #upgradeContent {display:none; position: absolute; right: 30px; top: -290px; height:282px; background-color: #fff; left: 0px; padding: 5px 0; border: 1px solid rgba(0,0,0,.15); border-color: rgba(0,0,0,.1); opacity: 1; border-radius: 4px; box-shadow: 0 6px 12px rgba(0,0,0,.12), 0 1px 3px rgba(0,0,0,.1);}
 #latestVersionList {height: 190px; overflow: auto;}
-.upgrade-conten {color: #8a8a8a}
+
+.version-name {width: 20%;}
+.version-date {width: 15%; color: #8a8a8a;}
+.version-explain {width: 45%; color: #8a8a8a;}
+.version-actions {width: 20%;}
+
+@media screen and (max-height: 768px)
+{
+.version-name {width: 25%;}
+.version-date {width: 20%; color: #8a8a8a;}
+.version-explain {width: 25%; color: #8a8a8a; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
+.version-actions {width: 30%;}
+}
diff --git a/module/index/view/index.html.php b/module/index/view/index.html.php
index a73cd5889b..30d4a32a62 100644
--- a/module/index/view/index.html.php
+++ b/module/index/view/index.html.php
@@ -78,10 +78,10 @@ js::set('defaultOpen', $open);
       <table class='table has-sort-head'>
         <thead>
           <tr>
-            <th class='w-60px'><?php echo $lang->index->versionName;?></th>
-            <th class='w-40px'><?php echo $lang->index->releaseDate;?></th>
-            <th class='w-160px'><?php echo $lang->index->explain;?></th>
-            <th class='w-50px text-center'><?php echo $lang->index->actions;?></th>
+            <th class='version-name'><?php echo $lang->index->versionName;?></th>
+            <th class='version-date'><?php echo $lang->index->releaseDate;?></th>
+            <th class='version-explain'><?php echo $lang->index->explain;?></th>
+            <th class='version-actions text-center'><?php echo $lang->index->actions;?></th>
           </tr>
         </thead>
       </table>
@@ -96,10 +96,10 @@ js::set('defaultOpen', $open);
           <tbody>
             <?php foreach($latestVersionList as $version):?>
             <tr>
-              <td class='w-60px'><?php echo $lang->zentaoPMS . $version->name;?></td>
-              <td class='w-40px upgrade-conten'><?php echo $version->date;?></td>
-              <td class='w-160px upgrade-conten'><?php echo $version->explain;?></td>
-              <td class='w-50px text-center'>
+              <td class='version-name'><?php echo $lang->zentaoPMS . $version->name;?></td>
+              <td class='version-date'><?php echo $version->date;?></td>
+              <td class='version-explain' title='<?php echo $version->explain;?>'><?php echo $version->explain;?></td>
+              <td class='version-actions text-center'>
                 <a href="<?php echo $version->link;?>" class='btn btn-link' target='_blank' style='color: #16a8f8;'><?php echo $lang->index->upgrade;?></a>
                 <a href="<?php echo inLink('changeLog', 'version=' . $version->name);?>" class="btn btn-link iframe" data-width="800"><?php echo $lang->index->log;?></strong></a>
               </td>