vue h5项目适配ios的问题
h5项目在安卓上运行正常，但是在ios上就出现问题
1适配iphoneX以上型号底部栏遮挡的问题
@media (min-device-height: 810px) {
padding-bottom: .5rem;
}
2ios页面缩放问题
在index.html页面<head>标签里面加入如下<meta>
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,minimum-scale=1,initial-scale=1,maximum-scale=1,viewport-fit=cover">
3ios日期格式和安卓不一样
举个栗子，安卓为： 2019-11-11，ios为2019/11/11。所以，你的计算需要替换一下，替换为/的格式，安卓和ios都能够识别。
'2019-11-11'.replace(/\-/g, '/')
4ios下点击浏览器复制链接不是当前页面
如果vue中，使用路由为router.push(),可以替换为router.replace()
5ios输入表单后，收起键盘页面篡位
在某些情况下，ios输入表单后，收起键盘，页面会篡位。
- 如果页面不需要scroll的情况下，可以使用
window.scrollTo(0, 0)。（这个方法不适用于需要下拉页面的） - 页面需要下拉，可以手动置底一下,这里使用了jquery的方法。因为使用
document.document.Element.scrollTop = document.documentElement.scrollHeight安卓好使，ios就不好使了，下面这个方法安卓和ios都正常。
this.$nextTick(() => {
$('html,body').animate(
{ scrollTop: document.documentElement.scrollHeight + 'px' },
50
)
})