3
回答
jquery mobile 手指屏幕缩放
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html ;charset=utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1">


    <link href="jquery.mobile-1.3.2/jquery.mobile-1.3.2.min.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="jquery.mobile-1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>
<body>
    <div data-role="page" id="navFile" data-position="fixed" data-ajax="false">


        <div data-role="header" style="height: 50px;">
            <a href="#" rel="external" data-icon="arrow-l">返回</a>
            <h1>文件</h1>
        </div>
        <!-- end header -->
        <div data-role="content">
            <p>Testdddddddddddddddddddddddd</p>
        </div>
        <!-- end content-->
        <div data-role="footer" data-position="fixed" data-theme="b">
            <h4>&copy; 2013 .com</h4>
        </div>
        <!-- end footer -->
    </div>




</body>
</html>


以上页面,不管是在ios 还是在andriod 都不能进放屏幕缩放,请问各位有什么高招解决?


举报
lvoers
发帖于5年前 3回/3K+阅
共有3个答案 最后回答: 5年前
因为data-position为fixed,所以可能因为这个,不能缩放。你试试其它的值。另外,可以更改下viewport里的值,加一条user-scalable=true试试。

引用来自“DMDGeeker”的答案

因为data-position为fixed,所以可能因为这个,不能缩放。你试试其它的值。另外,可以更改下viewport里的值,加一条user-scalable=true试试。
去掉 data-position =fixed 然后只设置user- scalable=yes,将其他的全去掉,然后就可以了。。谢谢!

hi DMDGeeker,

    照你说的方法,直接在浏览器上是可以放缩,可是当部署打包在apk 到android 上就不可以放缩了,请问是什么原因?

顶部