探索、思考、创造、分享

数据驱动、坚持为客户提供有价值的服务和内容

当前位置：首页>小程序资讯
【微信小程序】底部有安全距离，适配iphone X等机型的解决方案
来源：南京小程序开发 发布时间：2023-09-07点击：110
fixed
// fixed
.box {
	position: fixed;
	bottom: 0;
}



env(safe-area-inset-bottom)pagecalc(100vh- env(safe-area-inset-bottom))

完整代码如下：




     
  • 上一篇：小程序界面开发实现各种机型自适应
    • 
     
  • 下一篇：微信小程序踩坑之旅（三）：不同机型布局适配问题（rpx，px，vh，vw）
    •
    版权备注
    最新资讯
    2023-09-22
    个人微信小程序怎么上线使用
    微信小程序 如何申请？我们先了解下小程序开发的步骤流程：第一步，申请小程序账号并认证第二步，开通微信···
    2023-09-22
    电脑登陆微信小程序打不开已经是最新版本
    mac版微信小程序工具打不开微信缓存太多。手机缓存就是数据交换的缓冲区。手机缓存可通过手机管家进行清···
    2023-09-22
    小程序内容怎么打印
    老师在微信发来孩子作业，用打印机怎么操作才可以打印出来？Ⅴ信发来的文档、作业，不是看打印机怎么操作才···
    2023-09-22
    微信电脑版打开小程序黑屏怎么办
    微信电脑客户端打开后黑屏不能动把它卸载了，然后用你的优化软件清理下系统缓存垃圾、注册列表，然后去官网···
    2023-09-22
    微信小程序手机号快速验证组件升级，8 月 26 日起向开发者收费，这一组件能给用户使用带来哪些便利？
    在这里插入图片描述收费说明付费使用在这里插入图片描述手机号快速验证组件
    随机资讯
    2023-09-13
    微信公众号关联小程序有什么用
    微信公众号关联小程序有什么用？主要可以实现以下3个功能：1、公众号自定义菜单点击可打开相关小程序：公···
    2023-09-13
    微信小程序入口，快速开发商城，如何使用教程？ – 加速度IT客栈
    微信小程序入口随着移动互联网时代的不断发展，小程序作为一种新型的应用形态越来越受到广大用户和商家的关···
    2023-08-11
    想学嵌入式开发，薪资怎么样？
    如果想要学习嵌入式，一定要注意：兴趣非常重要。不要仅仅听说嵌入式现在薪资大涨了，就直接冲去学习了。因···
    2023-08-20
    上海单片机控制板开发 嵌入式硬件 电子产品pcba方案开发
    想要知道单片机和PLC有什么区别，首先我们要了解什么是单片机？什么是PLC？下面跟着小编一起来了解吧···
    2023-08-30
    微信小程序怎么制作自己的二维码移车
    微信小程序制作自己的二维码移车随着人们生活水平的提高，车辆已成为很多人生活中必不可少的一部分。然而，···
    友情链接： 南京网站建设 南京小程序开发 深圳小程序开发