内容页面使用jquery mobile自动调整大小

Question

我正在使用jquery mobile来构建一个Web应用程序。彼此之间有3个div，每个div中还有2个div。在第一个是宽度为50％和自动高度的图像。在第二个中只有文字。我希望这3个div彼此填充整个内容页面并调整大小到不同的设备大小。 现在，内容不会改变大小，如果视图的高度变小，jquery会将它们添加到滚动视图中。 这里有两个截图，以便更好地理解：

感谢您的帮助

Answer 1

请尝试使用百分比调整高度和宽度，而不是使用像素。此外，无论设备的屏幕尺寸如何，您都可以使用自动调整整个屏幕的大小。

Answer 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>

--- stylesheet ---

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

希望这有帮助。