jquery-ui - Jquerymobile 用户界面 : how to change image size within listview

Question

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

我试图让图像变大，发现 width=xxx 没有任何效果。 ListView 中的图像大小是否固定？什么类可以覆盖这样的限制？

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

但是您还必须调整列表大小...