Cordova - 在最大比例 > 1 时不要在 inAppBrowser 中缩放或缩放页眉页脚答案

【问题标题】：Cordova - Don't zoom or scale header footer in inAppBrowser while maximum-scale > 1Cordova - 在最大比例 > 1 时不要在 inAppBrowser 中缩放或缩放页眉页脚
【发布时间】：2014-05-30 09:34:31
【问题描述】：

我想在 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，它必须是固定大小并且始终位于移动设备的可见屏幕内。

有没有什么方法可以在页面的其余部分被缩放时停止缩放标题？或者有什么方法可以在 max-scale=1 时缩放页面的一部分？

【问题讨论】：

标签： jquery css jquery-mobile cordova inappbrowser

【解决方案1】：

我想没有更多的答案即将到来。来回答一下吧。

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

【讨论】：