关于页面中元素缩放的问题

Question

要给页面中一个特定的元素添加手指缩放的大小的功能（平滑地缩放，就像平时手机上查看照片一样），但是页面头部的meta标签中已设置initial scale = 1.0, user-scable=no 等等，请问如何实现？望不吝赐教。

Answer 1

通过监听 touch 相关事件, 判断用户手指是否有缩放操作, 进而根据缩放比例给元素添加 transform 的 CSS 样式.

推荐库: hammer.js