JQuery 移动图像布局

Question

我正在使用 JQuery 移动框架创建一个移动网站，我正在尝试让我的主页看起来像这样。我已经完成了菜单和用户部分。

但是我无法让我的图像像这样堆叠。我希望它们像 buttons/links 一样显示在不同的页面上，但是当我这样做时：

1. 它不适合屏幕，在左侧留下白条。
2. 它没有正确调整大小，只是裁掉了一半的图像。

我已经尝试在我的 css 中设置图像样式：

<style>
.ui-grid-b img {
    width  : auto;
    height : auto;
}
</style>

有人可以告诉我如何使用 JQuery 移动设备处理图像吗？

（上面的设计是我创建的数字模型）

Answer 1

我在这个网站上的排名太低，无法添加评论，所以我必须添加这个作为答案。

你的 html 长什么样？怎么会有人用一小段 css 来回答这个问题？

您希望在 none 移动屏幕分辨率下发生什么，它们会继续像那样堆叠吗？ Jquery移动强调渐进增强，但还是要考虑....

Auto auto 不会满足您的需求，您会希望宽度为容器的 100%，高度可以为 auto。也许设置了最大高度以防止它发疯..

这里是代码 pen.

中具有堆叠内容（不是图像）的行到列的一个很好的示例

code snippet