Jquery Mobile UI:如何在listview中更改图像大小
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Jquery Mobile UI:如何在listview中更改图像大小相关的知识,希望对你有一定的参考价值。
我有一个列表的列表视图,其中每个列表包含一个图像(左)和描述。就像例子:http://jquerymobile.com/demos/1.0b2/#/demos/1.0b2/docs/lists/lists-thumbnails.html
我试图让图像变大,发现width = xxx没有任何效果。这个尺寸是否适用于listview中的图片?什么类可以覆盖这种限制?
答案
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;
}
但你必须调整列表大小......
以上是关于Jquery Mobile UI:如何在listview中更改图像大小的主要内容,如果未能解决你的问题,请参考以下文章
如何在折叠之前从 jQuery Mobile 获取 .ui-collapsible 的“折叠”事件
Jquery Mobile UI:如何在listview中更改图像大小
如何解决 JQuery Mobile `ui-corner-all` Corners