移动端判断是否为ios&网页适配ios安全区

1. -webkit-touch-callout属性用法极少,可参考-webkit-touch-callout - CSS:层叠样式表 | MDN
@supports(-webkit-touch-callout:none) {
  /* iOS styles */
  height: calc(100vh - 56px - 16px) !important;
}

2. iphone安全区适配方案

可参考:网页适配 iPhoneX,就是这么简单_TANG-csdn的博客-CSDN博客

你可能感兴趣的:(ios)