iPhoneX适配问

```

html:


你自己的页面内容

```

css

```

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

  .main{padding-top:44px;padding-bottom: 34px;}

  .main:before{content:"";display:block;position: fixed;width:100%;height:44px;background-color:#15d6ba;top:0;left: 0;z-index:9999;}

  .main:after{content:"";display:block;position: fixed;width:100%;height:34px;bottom:0;left: 0;z-index:9999;}

}

```

结果完美

你可能感兴趣的:(iPhoneX适配问)