responsive

src/app/pages/chat/chat.page.scss

@@ -1,3 +1,5 @@
+@import '~src/function.scss';
+
 ion-content{
    --background: transparent;
  }
@@ -15,14 +17,11 @@ ion-content{
       padding: 0!important;
       float: left;
     }
-    .title{
-      font-size: 25px;
-    }
     .div-icon{
       display: flex;
       width: fit-content;
       float: right;
-      font-size: 35px;
+      font-size: em(35);
       overflow: auto;
       padding: 1px;
       justify-content: flex-end;
@@ -77,12 +76,12 @@ ion-content{
   overflow: hidden;
 
   .item-icon{
-    width: 40px;
+    width: em(40);
     float: left;
 
     .icon{
       margin-top: 10px;
-      font-size: 40px;
+      font-size: em(40);
     }
   }
   .item-content{
@@ -98,7 +97,6 @@ ion-content{
   .item-title{
       width: calc(100% - 90px);
       float: left;
-      font-size: 15px;
       color: var(--title-text-color);
   }
   .item-title-active{
@@ -107,7 +105,6 @@ ion-content{
   .item-date{
     width: 90px;
     float: right;
-    font-size: 13px;
     color: #797979;
     text-align: right;
   }
@@ -116,7 +113,6 @@ ion-content{
   }
 
   .item-description{
-    font-size: 13px;
     color: #000;
     overflow: auto;
 
@@ -149,7 +145,7 @@ ion-content{
       width: 35%;
       border-right: 1px solid #d8d8d8;
       .aside-title{
-        font-size: 25px;
+        font-size: em(25);
       }
     }
     /* .aside{