jQuery Mobile，列表視圖縮略圖大小

Question

我將jQuery Mobile與列表視圖縮略圖集成，但它將我的圖像大小調整爲固定寬度。更改.ui-li-thumb的寬度不起作用。如何讓我的拇指更寬？

Answer 1

試試這個，幷包含「.ui-li-icon」！

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

這會影響縮略圖大小60 * 60px ..在我的情況下工作，每個尺寸。

如果這不起作用，請提供一些代碼以查看最新的錯誤（HTML，JS，CSS）。

Answer 2

對我來說，這個解決方案在列表中可以正常工作。它也會調整拇指內部文字的填充。

.ui-listview .ui-li-icon{ 
    max-height: 32px; 
    max-width: 32px; 
} 
.ui-li-static.ui-li-has-icon{ 
    padding-left:50px; 
} 

它針對的情況下完成的，當你有應用到圖像

Answer 3

我是想使縮略圖列表視圖小的.ui麗圖標類。這就是我如何與1.4.2jQuery Mobile版本做到了：

.ui-listview .ui-li-has-thumb > img:first-child, 
.ui-listview .ui-li-has-thumb > .ui-btn > img:first-child, 
.ui-listview .ui-li-has-thumb .ui-li-thumb { 
    left: 1px; 
    top: 1px; 
    max-height: 40px; 
    max-width: 40px; 
} 
.ui-listview > .ui-li-has-thumb > .ui-btn, 
.ui-listview > .ui-li-static.ui-li-has-thumb { 
    min-height: 0; 
    padding: .7em 1em .7em 55px; 
} 

頂部，左，我確定以上僅僅是把這些填充值恢復到默認值ui-btn底部填充。圖像完全位於listview項目中，所以如果你想讓圖像變大，那麼你必須通過增加上面所示的css屬性來彌補這一點。