移动端适配
4篇文章 · 0订阅
  • iPhoneX安全区域(Safe Area)底部小黑条在微信小程序和H5的屏幕适配
    最近写小程序时，遇到了 iPhoneX 底部小黑线与内容重叠的问题，实际上是iPhoneX安全区域的适配问题，了解清楚这个问题花了挺多时间的，也实操出了结果，忍不住来总结总结。 在苹果 iPhoneX 、iPhone XR等设备上，可以看到物理Home键被取消，改为底部小黑条替…
    微信小程序
  • 详解关于移动端兼容iPhoneX底部小黑条
    由于iPhoneX去掉了物理按键，改为了底部小黑条，这就会导致屏幕适配问题，最常见的场景就是底部fixed的元素被阻挡的情况。对于这种问题，我们一般采取css或js的处理方式（适用于h5，小程序）。 viewport-fit：IOS11新增的特性，是为了iPhoneX而对met…
    前端
  • 做移动端Web页面时，处理IOS的安全区域
    关于从苹果手机 iphoneX 发布之后，前端人员在开发移动端Web页面时，得多注意一个对 IOS 所谓安全区域范围的适配。
    前端 JavaScript
  • IOS刘海屏H5 CSS适配
    cover 网页内容完全覆盖可视窗口，即页面完全充满屏幕，右图。适配关键！ 适配的核心是：通过 constant() 可以获取到非安全边距，再结合 padding 或 margin 来控制页面元素避开非安全区域。 Webkit在iOS11中新增CSS Functions: en…
    CSS