0

我在 phonegap 构建中开发了一个应用程序并准备发布，因为我看到它在 iphone 分辨率下运行良好。当我尝试使用 samsung note 时，我发现屏幕分辨率不太好，因为应用程序看起来很小并且最小化了所有内容。我如何缩放应用程序并适合屏幕，就像它适合 iPhone 屏幕一样？谢谢您的回复。

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

2 回答 2

0 
$(document).ready(function() { 
$('meta[name=viewport]').attr('content','width=1024, user-scalable=no'); 
});

在应用正确的缩放后似乎可以禁用用户缩放

于 2013-01-17T04:53:36.263 回答
0

如果您想在不使用本机代码的情况下解决此问题，例如，如果您使用 Phonegap 构建服务，您可以设置 target-densitydpi=160 或其他值。这将为设备设置 dpi（每英寸点数）。这样，内容的大小将在不同设备上相似。标准值：

  • 低分辨率：目标密度dpi=120
  • 中等分辨率：目标密度dpi=160
  • 高分辨率：目标密度dpi=240

据我了解，您可以使用 70-400 之间的任何值。

警告：我刚刚在我自己的 Phonegap 应用程序上使用了它，并且在我目前正在研究的不可点击区域遇到问题。我的应用程序在 DOM 上有点复杂和繁重，所以我不确定这是否会给您带来问题。只需确保在实现此功能后广泛测试所有点击/点击事件。

于 2012-11-19T12:19:25.310 回答