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
)
})