专栏报告详情页移动版适配样式

src/Column/components/ColumnContent.tsx

@@ -205,7 +205,10 @@ const ColumnContent: React.FC<IColumnContentProps> = props => {
               className="author-avatar com-cursor-p g-va-middle m-b-xs"
               onClick={handleToColumnIndex}
             />
-            <span className="com-cursor-p m-r-sm g-va-middle m-b-xs g-ellipsis1" onClick={handleToColumnIndex}>
+            <span
+              className="com-cursor-p m-r-sm g-va-middle m-b-xs g-ellipsis1 nickname-text"
+              onClick={handleToColumnIndex}
+            >
               {detail.NickName}
             </span>
             {type === 'detail' && (

src/Column/css/ColumnDetail.module.scss

@@ -35,6 +35,9 @@
         border-radius: 50%;
         margin-right: 10px;
       }
+      .nickname-text{
+        min-width: 50px;
+      }
       .columndetail-time {
         color: #999999;
       }
@@ -276,3 +279,9 @@
     margin: 20px;
   }
 }
+@media screen and (max-width: 1024px) {
+  .columndetail-page {
+    margin: 0;
+    padding: 10px;
+  }
+}

src/styles/CommonGlobal.module.scss

@@ -583,7 +583,7 @@
     letter-spacing: 5px;
     padding: 0 10px 0 15px;
     width: auto;
-    word-wrap: nowrap;
+    white-space: nowrap;
   }
   .mfyx-label-img{
     height: 20px;