【问题标题】:content page auto resizing with jquery mobile使用 jquery mobile 自动调整内容页面大小
【发布时间】:2014-04-23 22:17:06
【问题描述】:

我正在使用 jquery mobile 构建一个网络应用程序。彼此之间有 3 个 div,每个 div 中又有 2 个 div。第一个是宽度为 50% 和自动调整高度的图像。在第二个中,只有文本。我希望这 3 个 div 彼此填充整个内容页面并调整大小以适应不同的设备尺寸。 现在,内容不会改变大小,如果视图的高度变小,jquery 会将它们添加到滚动视图中。 这里有两张截图便于理解:

感谢您的帮助

【问题讨论】:

  • 将 html 和 css 添加到问题中。快照是不够的。

标签: jquery html css jquery-mobile web-applications


【解决方案1】:

尝试使用百分比来调整高度和宽度,而不是使用像素。此外,无论设备的屏幕大小如何,您都可以默认使用 auto 调整整个屏幕的大小。

【讨论】:

    【解决方案2】:

    试试下面的代码:

    <div class="group>
      <div class="img"><img src="path-to-img"/></div>
      <div class="text"> Text 1 </div>
    </div>
    <div class="group>
      <div class="img"><img src="path-to-img"/></div>
      <div class="text"> Text 2 </div>
    </div>
    <div class="group>
      <div class="img"><img src="path-to-img"/></div>
      <div class="text"> Text 3 </div>
    </div>
    

    --- 样式表 ---

    .group{ width: 100%; }
    .img, .text{ width: 50%; }
    

    希望这会有所帮助。

    【讨论】:

      猜你喜欢
      • 2012-11-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-11-29
      • 1970-01-01
      相关资源
      最近更新 更多