improve responsiveness

src/app/modals/preview-camera/preview-camera.page.scss

@@ -1,3 +1,5 @@
+@import '~src/function.scss';
+
 ion-footer {
     margin-bottom: 10px;
 }
@@ -10,7 +12,7 @@ ion-slides {
     color: rgb(250, 250, 4);
     background-color: rgb(255, 238, 0);
     border-radius: 120px;
-    width: 30px;
+    width: rem(30);
     height: 30px;
 }
 .blacking{
@@ -62,7 +64,7 @@ float: right;
     height: 29px;
     margin: 3px 3px 3px 0;
     font-family: Roboto;
-    font-size: 20px;
+    font-size: rem(20);
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
@@ -73,13 +75,12 @@ float: right;
   }
  .iconsarrowarrow-left {
     width: 36px;
-    height: 35px;
+    height: rem(35);
     padding: 9px 14px 8px 13px;
     object-fit: contain;
   }
 
   
-CSS
 .Rectangle-Copy-5 {
   width: 400px;
   height: 60px;
@@ -87,7 +88,6 @@ CSS
   background-color: #f9f9f9;
 }
 
-CSS
 .Bitmap {
   width: 358px;
   height: 506px;
@@ -99,7 +99,7 @@ CSS
 }
 .place{
 float : left;
-font-size: 14px;
+font-size: rem(14);
 
 }
 .footer{