如何在移动设备中实现像在PC上一样的缩放功能...？

<meta name="viewport" content="width=device-width, initial-scale=1.0">

.element {
  transform: scale(1.5);
}

var initialDistance = 0;
var initialScale = 1;

function handleTouchStart(event) {
  var touches = event.touches;
  if (touches.length >= 2) {
    initialDistance = Math.hypot(touches[0].clientX - touches[1].clientX, touches[0].clientY - touches[1].clientY);
    initialScale = parseFloat(document.body.style.transform.replace('scale(', '').replace(')', ''));
  }
}

function handleTouchMove(event) {
  var touches = event.touches;
  if (touches.length >= 2) {
    var currentDistance = Math.hypot(touches[0].clientX - touches[1].clientX, touches[0].clientY - touches[1].clientY);
    var scale = currentDistance / initialDistance * initialScale;
    document.body.style.transform = 'scale(' + scale + ')';
  }
}

function handleTouchEnd(event) {
  initialDistance = 0;
  initialScale = 1;
}

document.addEventListener('touchstart', handleTouchStart);
document.addEventListener('touchmove', handleTouchMove);
document.addEventListener('touchend', handleTouchEnd);