html5 – Phonegap/Cordova应用程序在像Samsung Galaxy S4这样的高分辨率设备上收缩太小

前端之家收集整理的这篇文章主要介绍了html5 – Phonegap/Cordova应用程序在像Samsung Galaxy S4这样的高分辨率设备上收缩太小前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在iPhone 4 / 4S(640×960),HTC Desire HD(480×800),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" />

但是,在像Samsung Galaxy S4(1080×1920,5.0英寸〜441 ppi像素密度)这样的超高分辨率设备上它收缩得太小,用户可能需要放大镜才能读取。

如何调整视口,使其看起来与所有手机/平板电脑的尺寸相同,无论屏幕尺寸或像素密度如何?

我试着将规模增加到1.5,它在S4上可读,但是在较低密度的设备上,一切都太大了。

任何想法?

解决方法

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

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

原始帖子和答案去这里:http://stackoverflow.com/a/15545381/1039194

原文链接:https://www.f2er.com/html5/169291.html

猜你在找的HTML5相关文章