Cordova - 请勿在inAppBrowser中缩放或缩放页眉,而最大比例> 1

时间:2014-05-30 09:34:32

标签: jquery css jquery-mobile cordova inappbrowser

我想缩放inAppBrowser中的网页。我正在使用 Jquery Mobile 。所以我加载了maximum-scale=5

页面
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=5, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />

所以它允许我用触摸缩放页面。但是我不希望页面的某些部分变得更大。就像标题页脚一样。

<div data-role="header" data-position="fixed"  data-theme='b' data-tap-toggle="false">

    <h1>My App</h1>

</div><!--Header-->

但总页数越来越大。我试图设置

height: 100px;
width: 300px;
max-height: 100px;
max-width: 300px;

不工作。它变得越来越大。我的主要内容是将其设置为固定的高度宽度,以便我可以使用button,它必须是固定大小,并始终位于移动设备的可见屏幕内。

有没有办法在页面的其余部分缩放时停止缩放标题?或者有什么方法可以缩放页面的一部分,而最大比例= 1?

1 个答案:

答案 0 :(得分:1)

我想没有更多答案了。让我们回答吧。

到目前为止,我发现这是不可能的。浏览器缩放完全由用户控制。因此,通过缩放来缩放整个页面时,任何元素都不能是固定大小。