适配iPhoneX全屏

Posted yuesu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了适配iPhoneX全屏相关的知识,希望对你有一定的参考价值。

<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">

viewport-fit,它有三个可选值:

  1. contain: 可视窗口完全包含网页内容

  2. cover: 网页内容完全覆盖可视窗口

  3. auto: 同contain的作用

以上是关于适配iPhoneX全屏的主要内容,如果未能解决你的问题,请参考以下文章

iphonex 适配

iPhoneX 适配总结

苹果官方称:iOS所有应用4月起必须适配iPhone X

猫猫分享 iOS 适配iPhoneXS Max,iPhoneXS,iPhoneXR

猫猫分享 iOS 适配iPhoneXS Max,iPhoneXS,iPhoneXR

vue适配iphoneX底部安全区域