在微信开发社区查询到解决方法是
movable-view {
pointer-events: auto;
}
movable-area {
pointer-events: none;
}
尝试了一下发现ios端可以了,安卓端又不行了。而且地图图标点击事件以及movable-area下的所有元素点击事件无法响应。
于是查询了pointer-events属性,得知pointer-events: none;表示点击事件或者其他事件可以穿透当前层,直接作用到子元素。并且pointer-events属性具有继承性。所以如果子元素不设置pointer-events: auto;那么点击事件会一直穿透到最底层。
于是判断机型iphone端机型给movable-area元素设置pointer-events: none;属性之后,给movable-area元素的子元素设置了pointer-events: auto,问题解决。
但是不知道为什么movable-area设置了pointer-events: none就能缩放,猜测是因为movable-area在ios端事件不能往下穿透吧。