手机端图片点击预览，双指放大，完整demo，引入hammer.js

最新推荐文章于 2023-08-04 16:41:59 发布

原创

最新推荐文章于 2023-08-04 16:41:59 发布 · 8.1k 阅读

7 ·

CC 4.0 BY-SA版权

代码凌乱，自己写的绝对能用！

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            *{
                padding:0px;
                margin:0px;
            }
            html{
                height:100%;
            }
            body{
                height:100%;
            }
            .main{
                width: 3.75rem;
                position: relative;
                height:100%; 
                margin: 0 auto; 
                background: #eee
            }
            .main h1{
                font-size:0.16rem;
            }
            .main img{
                max-width: 100%
            }
            .box {
                width: 3.75rem;
                height:100%;
                background: #333;
                position: absolute;
                top:0px;
                left:0px;
                margin: