如何防止 iphone 的 jquery 移动应用程序在 ipad 中自动拉伸

Posted 2023-03-15

【中文标题】如何防止 iphone 的 jquery 移动应用程序在 ipad 中自动拉伸

【英文标题】：How to prevent jquery mobile app for iphone to auto stretch in ipad

【发布时间】：2013-04-09 20:29:41

【问题描述】：

我在 jquery mobile 和 phonegap 中有一个专为 iphone 设计的应用程序。它在 iphone 或 ipod 上运行良好。但是当我在 ipad 上打开它的那一刻，我猜它会在 ipad 中自行拉伸以实现流畅的布局。那么我该如何防止它，以便它像其他应用程序一样居中。强文本！

this is the issue

【参考方案1】：

我坚信这个问题是由于您的 CSS 以及您调整元素大小的方式造成的。没有看到一些代码很难确定，但我的猜测是你正在使用百分比（即.buttonwidth:30%;）调整元素的大小，因此元素的大小相对于外部容器，这似乎是屏幕的大小您正在使用的设备。如果是这样的话，

一种选择是将内部元素的所有百分比大小从百分比更改为像素。另一种选择是使用一个父 div 包装所有子元素，并使用像素将该父 div 的大小设置为某个静态大小，这将允许您保持子元素的所有百分比值相同。