手机间隙的响应式设计支持

Posted 2023-03-14

【中文标题】手机间隙的响应式设计支持

【英文标题】：Responsive design support of phone gap

【发布时间】：2013-03-02 22:09:07

【问题描述】：

所以我有一个应用程序，我使用手机间隙作为包装器，专门针对 iPad。现在我想合并一个 iPhone 版本的应用程序，但要让它在一个应用程序中整合在一起。所以我想我的问题是，电话间隙是否允许特定于设备的布局并让您使用 javascript 来检测这一点？

【参考方案1】：

是的，但最快的方法可能是获取设备的屏幕尺寸并从那里开始：

var widthScreen = window.innerWidth;
var heightScreen = window.innerHeight;

根据您获得的尺寸，您可以放心地假设您是在 iPad、iPhone5 还是 iPhone4 上工作并进行更改。