Searching for a way to disable pinch-to-zoom on an HTML web page has proven to be a daunting task. Despite numerous attempts, I have yet to find a solution that works. I am reaching out in the hopes that you may have the answer. Some of the methods I have experimented with include...
1.
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Wow</title>
</head>
<head>
<script>
document.addEventListener("gesturestart", function (e) {
e.preventDefault();
document.body.style.zoom = 0.99;
});
document.addEventListener("gesturechange", function (e) {
e.preventDefault();
document.body.style.zoom = 0.99;
});
document.addEventListener("gestureend", function (e) {
e.preventDefault();
document.body.style.zoom = 1;
});
</script>
</head>
body {
touch-action: none;
}
Your assistance in this matter would be greatly appreciated.