diff --git a/src/routes/Userinfo/PhoneView.less b/src/routes/Userinfo/PhoneView.less
index bc1e3a430f1263b693b80af3d6def5f426356d56..6fdf84df7951280ffdbd05a9c480d9a484dc69f9 100644
--- a/src/routes/Userinfo/PhoneView.less
+++ b/src/routes/Userinfo/PhoneView.less
@@ -1,20 +1,11 @@
 @import '~antd/lib/style/themes/default.less';
 
 .area_code {
-  width: 128px;
+  max-width: 128px;
   margin-right: 8px;
+  width: 30%;
 }
 .phone_number {
-  width: 312px;
-}
-
-@media screen and (max-width: @screen-sm) {
-  .area_code {
-    width: 100%;
-    margin: 0;
-    margin-bottom: 8px;
-  }
-  .phone_number {
-    width: 100%;
-  }
+  max-width: 312px;
+  width: ~'calc( 70% - 8px)';
 }