最近项目进行中碰到一个问题，就是当使用safari浏览器横屏显示网页会出现白条
然后就开始绞尽脑汁的解决为什么会出现。 开始只会在iphone7出现，还有ip（以下均为iphone简称）6。我们就打算找出版本号单独适配，可是单独做适配又不知道怎么开始。 于是思路就转变为如何解决bug，最后发现这个白条其实是safari的状态栏的白色背景色，在横屏是不会消失，我看哔哩哔哩移动网页版也会出现，但它们的解决方案是把它变成黑色。事情到这一步就比较明朗，中间也踩了好多坑，然后发现通过一个meta标签的属性就可以实现，而我们开始给他的默认颜色是白色（white）。
//安卓 chrome可以支持
<meta name="theme-color" content="#000000">
// ios 需要下面两个同时
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
这个情况的在ios 13以上版本目前不存在,会自动消失。
