Chế độ xem web applet WeChat - đặt khoảng cách an toàn ở cuối trang

Giải pháp được đề xuất, được triển khai bằng cách đặt vùng an toàn-inset-bottom:

.footerClass {
  phần đệm-đáy: hằng số(safe-area-inset-bottom); /* iOS 11.0 */
  phần đệm-đáy: env(safe-area-inset-bottom); /* iOS 11.2 */
}

}
hằng số là để tương thích với các phiên bản trước ios 11.0
env là phiên bản sau ios 11.2

tip
Nếu phát hiện thấy nó không có tác dụng trên máy thật, bạn cần đặt thuộc tính viewport-fit

Nó sẽ có hiệu lực sau khi cài đặt.