iPhone的Phonegap真实分辨率

Posted

技术标签:

【中文标题】iPhone的Phonegap真实分辨率【英文标题】:Phonegap real resolution for Iphones 【发布时间】:2015-08-31 10:44:21 【问题描述】:

根据我的阅读,Iphone 4 的分辨率为 320x480 点,分辨率为 2x(640x960 像素)。与 Iphone 5 类似。Iphone 6Plus 以 3 倍(1242x2208 像素)呈现 414x736 点。

在开发基于 html 的 phonegap 应用程序时,我应该使用什么分辨率?我对字体大小最感兴趣。

我应该使用在 414x736 像素下可以很好看的尺寸吗?它们在 Iphone6+ 上是否以 3 倍的大小呈现?还是我应该直接设计 1242x2208 像素的尺寸?

【问题讨论】:

【参考方案1】:

是的,这有点烦人的问题。

我的开发就像是一个响应式网站。 您可以添加一些css控件,例如

@media screen and (max-width: 300px) 
   p 
      font-size: 14px;
   

所以你可以根据你的屏幕分辨率调整字体大小。

【讨论】:

以上是关于iPhone的Phonegap真实分辨率的主要内容,如果未能解决你的问题,请参考以下文章

Cordova/PhoneGap:childBrowser UI 图像低分辨率/大块(iOS)

Safari 中针对不同 iOS 设备的不同主体(Cordova/phonegap)

iOS 字体规范和多屏适配

在 4.7 英寸分辨率的 iPad 上运行仅限手机的应用程序

为啥我的图像对于 iPhone 来说太大了

相机内在分辨率与真实屏幕分辨率