zoukankan      html  css  js  c++  java
  • mui 浏览器一样自动缩放

    <!doctype html>
    <html>
    
        <head>
            <meta charset="UTF-8">
            <title></title>
            <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=5,user-scalable=yes" />
            <link href="../../css/mui.min.css" rel="stylesheet" />
        </head>
    
        <body>
            <script src="../../js/mui.min.js"></script>
            <script type="text/javascript">
                mui.init();
                mui.plusReady(function() {
                    plus.webview.currentWebview().setStyle({
                        scalable: true
                    });
                });
            </script>
        </body>
    
    </html>

    1. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=5,user-scalable=yes" />
    2. mui.plusReady(function() {
                    plus.webview.currentWebview().setStyle({
                        scalable: true
                    });
                });

    请注意meta标签中的 minimum-scale=1,maximum-scale=5,user-scalable=yes 三个参数的设置,来实现可缩放,以及缩放的范围。
  • 相关阅读:
    读取radio的value值
    Bootstrap初学(一)
    移动测试用例
    Python 打包成exe执行文件
    Python 模块导入
    Sublime Text2编辑器
    发送Email
    读写TXT文档
    JS与Jquery
    自动化测试摸索
  • 原文地址:https://www.cnblogs.com/aimyfly/p/9173974.html
Copyright © 2011-2022 走看看