解决页面随意缩放 vue
使用vue时,需页面不可缩放,则只需要给public中的index.html文件添加这一行代码<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" >但如果在ios的高版本中,在浏览器打开还
·
使用vue时,需页面不可缩放,则只需要给public中的index.html文件添加这一行代码
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" >
但如果在ios的高版本中,在浏览器打开还是会随意缩放,所以这时还需要在index.html中添加如下代码,然后页面就不会随意缩放啦
<script>
window.onload = function() {
document.addEventListener('touchstart', function(e) {
if (e.touches.length > 1) {
e.preventDefault()
}
})
document.addEventListener('gesturestart', function(e) {
e.preventDefault()
})
}
</script>
更多推荐
已为社区贡献1条内容
所有评论(0)