第一次在这里使用phonegap / cordova。

我希望该应用在Galaxy系列和iPhone系列等不同的手机上看起来不错。 它们都有不同的分辨率,我想知道phonegap如何处理它们?

媒体查询是唯一的答案吗?

/* iPhone 5/5S */
@media screen and (device-aspect-ratio: 40/71) {

}

/* iPhone 6 */
@media screen and (device-aspect-ratio: 375/667) {
}

/* iPhone 6+ */
....
and more

我不喜欢每种手机的样式。 在每个模拟器上测试它们并相应地更改CSS似乎非常耗时。

关于提高效率的任何技巧?

#1楼 票数:0 已采纳

我想使用Cordova和HTML5是唯一的方法。

由于您使用的是Cordova,因此建议您使用Ionic FrameworkRatchet之类的移动框架。 另一个很受欢迎的是著名的

Ionic是使用angularJs构建的,因此您也会被迫学习。

#2楼 票数:0

如果您不想使用框架,也可以尝试cordova-screengod

https://github.com/biodiv/cordova-screengod

 screengod(['path/to/your.css'],function(){
      /* do your stuff */
 });

设备就绪后,它在所有屏幕上看起来都是一样的。 您可能需要调整CSS值...

  ask by TKP translate from so

未解决问题?本站智能推荐:

1回复

如何使用Android版本2.2.1和2.3.5的Android设备的媒体查询,他们的屏幕尺寸为240*320,屏幕尺寸为480*800?

我不得不使用尺寸为304 * 250的图像。 它的屏幕尺寸为320 * 480,屏幕尺寸为720 * 1280。 现在当我想在240 * 320的屏幕尺寸和480 * 800的屏幕尺寸中检查相同的内容时? 无论是背景图像还是数据值都没有。 采取的补救措施: 我想过使用盒子阴影而
1回复

我应该使用CSS3媒体查询为视网膜显示设备提供不同的图像尺寸吗?

之前已经提出过许多类似的问题。 我相信我的独特之处。 我开发了一个带有JQM + Cordova / PhoneGap的移动应用程序。 最初我使用大图像(针对视网膜显示设备)并使用响应式css根据需要缩小图像。 这种方法的问题是旧设备最终不得不下载大图像,而这些设备不会像新的视网膜设备
1回复

iPhone上的CSS媒体查询

我正在为iPhone,iPad,Android和BlackBerry开发一个应用程序。 该应用程序仅需在纵向模式下工作(即,如果以横向方向旋转移动设备,则不会发生任何事情)。 该应用程序必须根据分辨率显示不同的内容: 如果屏幕宽度<= 240px:微型模式(主要用于BlackBe
2回复

无需使用媒体查询即可使文字进入移动屏幕的中心

我有一个要求,我应该使用phonegap , html , css , js和java编写一个混合应用程序。 而且该混合应用程序必须支持多种设备(这是国际产品)。 但是我不应该使用媒体查询。 因此,我决定使用bootstrap ,它做的相当不错。 但是我有一个问题。 我使用引导程序编
2回复

PhoneGap+Android+媒体查询

我一直在努力这一周。 我已经阅读了大量的帖子/网站/提示和技巧,但我无法弄清楚这一点。 我需要为不同的屏幕尺寸和方向设置CSS规则。 但认识到它不起作用。 我尝试过:min-width,max-width,min-height,max-height,min-device-width,
5回复

媒体查询移动HTML5应用

我基本上疯了,试图计算/谷歌出来。 iOS设备不是问题,因为没有那么多,并且很容易为每一个设置,但Android和可能的黑莓进入游戏...... 基本上我有4种尺寸(S,M,L,XL)的CSS,但随后出现了像“HTC One”这样的手机,它具有全高清(1920x1080)和4.7英寸...
2回复

如何在Phonegap中使用媒体查询

我正在使用phonegap开发一个应用程序,我已经制作了与320 x 480分辨率屏幕兼容的应用程序,现在我正在使用媒体查询使其与480 x 800屏幕以及更高分辨率兼容 现在的问题是,当我在480x 800分辨率的屏幕上运行应用程序时,而不是使用style2,而是使用style1。我也尝试
2回复

支持phonegap/jquerymobile中不同的屏幕尺寸

在android中我们有layout_weight和layout_height来设置图像/布局的宽度和高度。所以当我们有不同的屏幕尺寸时,它会自动调整到我们指定的屏幕宽度和屏幕高度。 他们的东西在phonegap / jquery手机中是否与它类似? 我想要一个页眉和页脚以及介于两者之间