【问题标题】:Phonegap/Cordova App Shrink too small on high resolution device like Samsung Galaxy S4Phonegap/Cordova 应用程序在三星 Galaxy S4 等高分辨率设备上收缩得太小
【发布时间】:2013-05-02 09:17:08
【问题描述】:

在 iPhone 4/4S (640x960)、HTC Desire HD (480x800)、Samsung Galaxy Note 等设备上,我的 Phonegap/Cordova 应用在以下设置下看起来不错。

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

但它在三星 Galaxy S4(1080x1920,5.0 英寸 ~441 ppi 像素密度)等超高分辨率设备上缩小得太小,用户可能需要放大镜才能阅读。

如何调整视口,使其在所有手机/平板电脑上看起来都差不多,而不管屏幕尺寸或像素密度如何?

我尝试将比例增加到 1.5,它在 S4 上可读,但在低密度设备上一切都太大了。

有什么想法吗?

【问题讨论】:

标签: html cordova cordova-2.0.0


【解决方案1】:

尝试将device-dpi 替换为medium-dpidevice-dpi 阻止默认缩放,而medium-dpi 将在低密度屏幕上缩小并在高密度屏幕上放大。

这里有一些参考http://developer.android.com/reference/android/webkit/WebView.html

原帖和答案放在这里:https://stackoverflow.com/a/15545381/1039194

【讨论】:

猜你喜欢
  • 1970-01-01
  • 2013-07-17
  • 2016-05-03
  • 1970-01-01
  • 1970-01-01
  • 2014-08-21
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多