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

问题描述

问 题

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

解决方案

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

推荐库: hammer.js

这篇关于css - 关于页面中元素缩放的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！