عرض ويب تطبيق WeChat الصغير - اضبط المسافة الآمنة في أسفل الصفحة

الحل الموصى به هو تنفيذه عن طريق تعيين منطقة آمنة-إدراج-أسفل:

.footerClass {
  padding-bottom: constant(safe-area-inset-bottom); /* iOS 11.0 */
  padding-bottom: env(safe-area-inset-bottom); /* iOS 11.2 */
}

}
الثابت هو التوافق مع الإصدارات قبل iOS 11.0
env هو إصدار بعد iOS 11.2

نصيحة
إذا وجد أنه لا يسري مفعوله على الجهاز الحقيقي، فأنت بحاجة إلى تعيين سمة ملاءمة منفذ العرض

<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, minimum-scale=1, maximum-scale=1.0, user-scalable=0">

سوف يصبح ساري المفعول بعد إعداده.