o2team.github.io icon indicating copy to clipboard operation
o2team.github.io copied to clipboard

网页适配 iPhoneX,就是这么简单

Open liqinuo opened this issue 7 years ago • 15 comments
trafficstars

https://aotu.io/notes/2017/11/27/iphonex/index.html

结合官方文档以及实际项目中的一些实践经验,整理的一套适配指南

liqinuo avatar Nov 27 '17 03:11 liqinuo

沙发

waileung avatar Nov 27 '17 15:11 waileung

图片几张都不显示啊,什么鬼,麻烦处理下呢,新发的帖子这样吗? Web前端之家www.jiangweishan.com,这个人的博客不错的。

jws2003 avatar Nov 28 '17 05:11 jws2003

感谢,几秒钟完成了适配

Simbachen avatar Nov 29 '17 14:11 Simbachen

真的很赞,谢谢分享

hwaphon avatar Dec 09 '17 10:12 hwaphon

没有解决 小黑条的问题

Porisika avatar Mar 21 '18 02:03 Porisika

@Simbachen 感谢,几秒钟完成了适配

您好,能请教该问题吗?我的没有实现

Porisika avatar Mar 21 '18 02:03 Porisika

zyg-github avatar May 02 '18 09:05 zyg-github

使用javascript获取安全区域信息:safeAreaInsets.js

zhetengbiji avatar Jun 08 '18 01:06 zhetengbiji

@Porisika

@Simbachen 感谢,几秒钟完成了适配

您好,能请教该问题吗?我的没有实现

我的也没实现,能赐教吗,谢谢

pzq82 avatar Nov 08 '18 08:11 pzq82

"env() 跟 constant() 需要同时存在,而且顺序不能换",专门交换了顺序,然后分别用ios11.0.2和ios12.1.4系统的手机做了测试,没有出现问题啊,请问为什么顺序不能换?@NoNo Lee

AmberStory avatar Mar 18 '19 08:03 AmberStory

按照你的说的方法弄 没有实现 请教一下

lhy58 avatar Apr 22 '19 06:04 lhy58

用电脑浏览器手机模拟没有效果,是必须到手机上看吗

lhy58 avatar Apr 22 '19 06:04 lhy58

@pzq82

@Porisika

@Simbachen 感谢,几秒钟完成了适配

您好,能请教该问题吗?我的没有实现

我的也没实现,能赐教吗,谢谢

请问是怎么实现的呢?

lhy58 avatar Apr 22 '19 08:04 lhy58

@pzq82

@Porisika

@Simbachen 感谢,几秒钟完成了适配

您好,能请教该问题吗?我的没有实现

我的也没实现,能赐教吗,谢谢

加上这个试试: body { height: calc(100% + constant(safe-area-inset-bottom)); height: calc(100% + env(safe-area-inset-bottom)); }

meahu avatar Nov 25 '19 07:11 meahu

我设置了安全区域,为何在点击跳转的过程中有时候又出现了小黑条遮挡页面最底部内容

linlichai avatar Jan 19 '20 02:01 linlichai