前端Iphone x 屏幕的css适配 这是个过期函数导致的坑

不得不说网上教程有很多，说明详细，就是没什么能用的范例，贴出来的代码还是过时不能用的，像这样的：

我一看写的日期，已经过去一年多了，这不算是误导什么，只是在当时可能是对的，所以我就放弃了中文网上找答案了，几乎都一模一样，甚至最近新写的文章也是一样的，可见多少人没有试过就直接贴出来了，或者直接大段的拷贝。

属性说明什么，怎么使用我这里就不详细说明了，直接贴出官方图示，基本就可以解释很多问题了

附带一下官方替换函数名称的说明

大致意思是说 sfari版本41和ios11.2版本以后就用env()函数代替constant()函数，可以使用css回退样式的写法兼容两个，简单说就是两个都写上

最后附上官方说明链接：

https://webkit.org/blog/7929/designing-websites-for-iphone-x/?hmsr=funteas.com&utm_medium=funteas.com&utm_source=funteas.com

如果此说明过期，请以官方说明为准！