Merge pull request Tencent#686 from uxsi/master

iPhone media query
kevinfsz · Nov 7, 2017 · 641743d · 641743d
2 parents d73b587 + 7b5ddb0
commit 641743d
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 8 deletions.
diff --git a/dist/example/example.css b/dist/example/example.css
diff --git a/src/example/example.less b/src/example/example.less
@@ -448,13 +448,16 @@ body, .page {
 }
 
 // iphone x
-@iphonexSafeGap:44px;
-@media only screen
-and (device-width : 375px)
-and (device-height : 812px)
-and (-webkit-device-pixel-ratio : 3) 
-and (orientation : landscape) {
+@supports (constant(safe-area-inset-top)){
     .page{
-        padding:0 @iphonexSafeGap;
+        padding:constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
+        &.tabbar,&.navbar{
+            padding-left:0;
+            padding-right:0;
+        }
+    }
+    .weui-tab__panel{
+        padding-left:constant(safe-area-inset-left);
+        padding-right:constant(safe-area-inset-right);
     }
 }