Jquery Mobile UI:如何在listview中更改图像大小

时间:2011-09-08 00:56:52

标签: jquery-ui jquery-mobile

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

我正在尝试使图像更大,并发现width = xxx不会产生任何影响。这个尺寸是否适用于listview中的图片?什么类可以覆盖这种限制?

1 个答案:

答案 0 :(得分:7)

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

但你必须调整列表大小......