我在phonegap build中开发了一个应用程序,并将其发布,因为我看到它在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" />
发布于 2012-11-19 20:19:25
如果你想在不使用本地代码的情况下解决这个问题,例如,如果你使用的是Phonegap构建服务,你可以设置target-densitydpi=160或其他一些值。这将设置设备的dpi (每英寸点数)。这样,内容在不同设备上的大小将是相似的。标准值:
target-densitydpi=120
据我所知,您可以使用70-400之间的任何值。
警告:我刚刚在我自己的一个Phonegap应用程序上使用了这个,并且遇到了无法点击的区域的问题,我目前正在研究。我的应用程序在DOM上有点复杂和繁重,所以我不确定这是否会给您带来问题。只需确保在实现此功能后广泛测试所有点击/点击事件。
发布于 2013-01-17 12:53:36
$(document).ready(function() {
$('meta[name=viewport]').attr('content','width=1024, user-scalable=no');
});
似乎可以在应用正确的缩放后禁用用户缩放
https://stackoverflow.com/questions/13228423
复制相似问题