ifarme中禁止页面缩放
时间: 2024-01-26 21:04:35 浏览: 89
可以通过以下两种方式禁止页面缩放:
1.使用CSS样式:
在嵌套的页面中,可以使用以下CSS样式禁止缩放:
```
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
```
2.使用JavaScript:
在嵌套的页面中,可以使用以下JavaScript代码禁止缩放:
```
<script>
document.addEventListener('touchstart', function(event) {
if (event.touches.length > 1) {
event.preventDefault();
}
}, {passive: false});
var lastTouchEnd = 0;
document.addEventListener('touchend', function(event) {
var now = (new Date()).getTime();
if (now - lastTouchEnd <= 300) {
event.preventDefault();
}
lastTouchEnd = now;
}, {passive: false});
document.addEventListener('gesturestart', function(event) {
event.preventDefault();
});
</script>
```
这段代码除了监听触摸事件禁止双指缩放之外,还会监听手势事件`gesturestart`,并禁止默认行为,从而禁止页面缩放。
阅读全文