Jquerymobile UI：如何在列表视图中更改图像大小

【问题标题】：Jquerymobile UI: how to change image size within listviewJquerymobile UI：如何在列表视图中更改图像大小
【发布时间】：2011-09-08 00:56:51
【问题描述】：

我有一个列表视图，其中每个列表都包含一个图像（左）和描述。就像例子：http://jquerymobile.com/demos/1.0b2/#/demos/1.0b2/docs/lists/lists-thumbnails.html

我正在尝试将图像放大并发现 width=xxx 没有任何效果。这个大小对于列表视图中的图像是固定的吗？什么类可以覆盖这样的限制？

【问题讨论】：

【解决方案1】：

JQM 说：要在列表项的左侧添加缩略图，只需在列表项中添加一个图像作为第一个子元素。 框架会将图像缩放为 80 像素正方形。

尝试使用 firebug 检查您的项目并覆盖 CSS 类。应该是这样的：<img class="ui-li-thumb">

你去吧：

.ui-li-thumb, .ui-li-icon {
    left: 1px;
    max-height: 80px; <-- height
    max-width: 80px; <-- width
    position: absolute;
    top: 0;
}

但你也必须适应列表的大小......

【讨论】：