javascript/weui
1
0
Fork 0
mirror of https://github.com/Tencent/weui.git synced 2026-03-13 08:02:03 +08:00
Code Issues Packages Projects Releases Wiki Activity

media query iphone x

Browse Source
This commit is contained in:
xushengni(倪栩生)
2017-10-31 16:28:10 +08:00
parent d34309757b
commit bc0731bef0
5 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
dist/example/example.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/example/index.html vendored
View File

@@ -2,7 +2,7 @@
<html lang="zh-cmn-Hans">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
<title>WeUI</title>
<link rel="stylesheet" href="../style/weui.css"/>
<link rel="stylesheet" href="./example.css"/>

2
dist/style/weui.css vendored
View File

File diff suppressed because one or more lines are too long

12
src/example/example.less
View File

@@ -445,4 +445,16 @@ body, .page {
.page.slideOut {
animation: slideOut .2s forwards;
}
// iphone x
@iphonexSafeGap:44px;
@media only screen
and (device-width : 375px)
and (device-height : 812px)
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) {
.page{
padding:0 @iphonexSafeGap;
}
}

2
src/example/index.html
View File

@@ -2,7 +2,7 @@
<html lang="zh-cmn-Hans">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
<title>WeUI</title>
<link rel="stylesheet" href="../style/weui.css"/>
<link rel="stylesheet" href="./example.css"/>