在phonegap中创建带有响应式图像选项的jquery移动应用程序

Posted

技术标签:

【中文标题】在phonegap中创建带有响应式图像选项的jquery移动应用程序【英文标题】:creating jquery mobile app with responsive image option in phonegap 【发布时间】:2015-07-10 07:05:21 【问题描述】:

我是 html、css 和 jquery 的新手。但是我设法在phonegap中创建了一个应用程序。我正在使用 jquery 手机。当应用从纵向更改为横向时,如何创建包含响应式图像的页面。

http://wordresearchcenter.org/stack.png

【问题讨论】:

【参考方案1】:

使用Bootstrap CSS 框架将使您的页面默认响应。 一个很好的简单教程可以在W3Schools.com找到

【讨论】:

@john,你可以用一个库做你想做的事,比如引导程序,但你也可以不用它。问题是有时设备对重新定向反应不佳。您最终可能会使用crosswalk 作为您选择的网络视图。缺点是人行横道给应用程序增加了超过 20Megs。我在一些试验中添加了 50Megs。最后,您可以不使用图书馆和人行横道,但您必须将各种不同的图书馆粘贴在一起。如果您有兴趣,我有一个可以提供帮助的主要博客列表。

以上是关于在phonegap中创建带有响应式图像选项的jquery移动应用程序的主要内容,如果未能解决你的问题,请参考以下文章

如何在 WordPress 中创建响应式图像轮播和幻灯片自定义帖子类型内容

带有徽标或品牌名称文本的 Bootstrap 完全响应式导航栏

如何将 Google Map 静态图像保持在流畅/响应式尺寸上

使用带有响应式设计/流体宽度 CSS 的 jCrop

为啥我应该在构造函数而不是 ngOnInit 中创建我的 Angular2 响应式表单?

在 qt 中创建一个带有图像形状的窗口