H5适配安卓刘海屏

Question

H5 vue项目中如何适配安卓的一些特殊刘海屏、凹凸屏，例如华为P20等等，适配iphoneX，iphone官网有提出解决方案，那安卓的有没有呢？？？

Answer 1

1、根据 navigator.userAgent 判断机型是否有刘海屏，如果有，则 padding-top 一定高度，这个高度可以写死。
2、根据 navigator.userAgent 判断机型是否是硬件返回还是像 iPhone X 那样的是触屏的 home 键，如果有，则 padding-bottom 一定高度，这个高度可以写死。
3、除了上面的笨方法，目前还没有发现其它的好的方案。除非浏览器干这活，但这是不可能的。
4、可以把这个整理成一个插件式的 SDK，这样你就可以发布到 npm 了。

Answer 2

请问楼主是怎么解决的呢，我没有找到办法，谢谢了

Answer 3

有没有找到办法啊。。。

Answer 4

根据 navigator.userAgent 判断机型是否有刘海屏虽然可以，但是机型千千万，适配要死人了

Answer 5

请问有方案解决吗