描述:ios10版本的safari會出現(xiàn)瀏覽器縮放禁用失效缠诅、input點(diǎn)擊頁面放大溶浴、頁面快速雙擊放大
解釋:input點(diǎn)擊頁面放大是因為沒寫user-scalable=no ,瀏覽器雙指縮放禁用失效和頁面快速雙擊放大 是因為ios10 提升易用性不再禁止管引,可以考慮使用js ,通過 touchmove判斷多個手指(touches.length)禁用event.preventDefault()來實(shí)現(xiàn) 士败。 但是還是會出現(xiàn)放大的可能,并且無法還原的現(xiàn)象,因此不建議使用js去實(shí)現(xiàn)
參考資料:http://stackoverflow.com/questions/37808180/disable-viewport-zooming-ios-10-safari
<meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1, user-scalable=no">
//js部分
document.documentElement.addEventListener('touchmove', function (event) {
if (event.touches.length > 1) {
event.preventDefault();
}
}, false);