我在调整我的应用程序中的一个页面的大小时遇到问题。
当我使用
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, target-densitydpi=device-dpi"/>
为了设置页面的“正常”大小,我想调整特定页面的宽度,因为它显示了更宽的图像。但是当我试图调整它时
<div date-role="page" id="organigram" style="min-width:1000px;">
或通过 CSS:
#organigram > .ui-page {
min-width: 1000px;
}
它设置了我所有页面的宽度,直到我用图像访问了这个特定的页面。当我通过页面标题中的“返回”或“主页”按钮返回时,所有尺寸都恢复正常(设备宽度),并且带有图像的页面保持新的最小宽度。然而,这种方式对我来说毫无用处。我试图只改变页面内图像的宽度,但这根本没有改变宽度。有任何想法吗?如果需要额外的代码,我会提供。提前致谢!
/edit:我找到了使用 JavaScript 的解决方法。当页面打开时,我的脚本开始覆盖整个页面
document.getElementById('organigram').innerHTML = myPageContent;
无论如何,这不是一个解决方案。