update: 小屏幕适配

src/views/game/cmh/info.vue

@@ -60,7 +60,7 @@
                   <el-tag v-if="item.status == 1" size="mini" type="danger" class="tagIcon">删除</el-tag>
                   <el-tag v-if="item.status == 2" size="mini" type="danger" class="tagIcon">失效</el-tag>
                   <el-tooltip :content="item.cardName" placement="top">
-                    <div class="ellips">{{ item.cardName }}</div>
+                    <div class="ellips maxW">{{ item.cardName }}</div>
                   </el-tooltip>
                 </div>
                 <div v-if="item.prizeType == 1">
@@ -71,7 +71,7 @@
                 </div>
               </td>
               <td class="cell" style="minWidth:200px">
-                <div class="ellips" style="max-width: 200px;">{{ item.prizeName }}</div>
+                <div class="ellips maxW" style="max-width: 200px;">{{ item.prizeName }}</div>
               </td>
               <td class="cell" style="minWidth:100px">
                 <img :src="item.prizeImageUrl" v-if="item.prizeType != 0" />
@@ -83,7 +83,7 @@
               </td>
               <td class="cell" style="minWidth:200px">
                 <el-tooltip :content="item.prizeDesc" placement="top">
-                  <div class="ellips">{{ item.prizeDesc }}</div>
+                  <div class="ellips maxW">{{ item.prizeDesc }}</div>
                 </el-tooltip>
               </td>
               <td class="cell" style="minWidth:80px">{{ item.prizeRate }}%</td>
@@ -295,6 +295,25 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+/*媒体查询*/
+/*当页面大于1200px 时，大屏幕，主要是PC 端*/
+@media (min-width: 1200px) {
+  .maxW {
+    width: 300px;
+  }
+}
+/*在992 和1199 像素之间的屏幕里，中等屏幕，分辨率低的PC*/
+@media (min-width: 992px) and (max-width: 1199px) {
+  .maxW {
+    width: 150px;
+  }
+}
+/*在768 和991 像素之间的屏幕里，小屏幕，主要是PAD*/
+@media (min-width: 768px) and (max-width: 991px) {
+  .maxW {
+    width: 100px;
+  }
+}
 .rightForm {
   padding: 30px 20px 0 30px;
   box-sizing: border-box;
@@ -313,7 +332,7 @@ export default {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
-  max-width: 300px;
+
   display: inline-block;
 }
 .section {