javascript - jQuery Mobile ListView 中的响应式图像

Question

我正在使用 clásico listview 的示例，其中包含 jquery 移动文档中的缩略图。但如果我上传不同尺寸的图像，它们不适合分辨率。怎么解决这个问题？

代码:http://demos.jquerymobile.com/1.4.5/listview/#&ui-state=dialog

Answer 1

您可以使用 CSS max-width 和 max-height

li.ui-li-has-thumb img {
    max-width: 80px;
    max-height: 80px; 
}

或者您可以强制设置您想要的大小:

li.ui-li-has-thumb img {
    width: 80px;
    height: 80px; 
}