我將jQuery Mobile與列表視圖縮略圖集成,但它將我的圖像大小調整爲固定寬度。更改.ui-li-thumb的寬度不起作用。如何讓我的拇指更寬?jQuery Mobile,列表視圖縮略圖大小
4
A
回答
7
試試這個,幷包含「.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)。
0
對我來說,這個解決方案在列表中可以正常工作。它也會調整拇指內部文字的填充。
.ui-listview .ui-li-icon{
max-height: 32px;
max-width: 32px;
}
.ui-li-static.ui-li-has-icon{
padding-left:50px;
}
它針對的情況下完成的,當你有應用到圖像
2
我是想使縮略圖列表視圖小的.ui麗圖標類。這就是我如何與1.4.2
jQuery 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屬性來彌補這一點。
相關問題
- 1. jQuery Mobile的列表視圖縮略圖排列
- 2. jQuery Mobile在列表視圖中的響應式縮略圖
- 3. jQuery Mobile響應式縮略圖列表視圖
- 4. jquery mobile列表視圖中的Autodividers縮略圖
- 5. jQuery mobile Rails縮略圖
- 6. ffmpeg的視頻縮略圖大小
- 7. 如何在jQuery mobile 1.4.0中將列表視圖縮略圖放置在右側?
- 8. JSSOR(jQuery插件)的縮略圖大小
- 9. 將圖片大小縮小到WordPress的縮略圖大小
- 10. android:縮略圖列表視圖
- 11. 添加到縮略圖列表視圖
- 12. android scrollview縮略圖大小
- 13. WordPress的縮略圖大小
- 14. 更改縮略圖大小
- 15. 增加圖像縮略圖的大小
- 16. Jquery Mobile動態縮略圖列表 - 如何創建邊框?
- 17. 在列表視圖控件上動態創建固定大小的縮略圖
- 18. 不縮小圖像大小的縮略圖圖像
- 19. 把小圖標放在列表視圖jQuery Mobile
- 20. 水平對齊jQuery移動列表視圖中的縮略圖
- 21. jquery mobile - 多列列表視圖
- 22. 圖像縮略圖大小與JSSor
- 23. Facebook圖片照片縮略圖大小
- 24. 圖像縮略圖和調整大小
- 25. bootstrap縮略圖圖像大小相同
- 26. 調整圖像大小和縮略圖
- 27. Windows Mobile上的縮略圖和照片大小
- 28. Mobile和桌面的不同Wordpress Gallery縮略圖大小?
- 29. 控件顯示列表視圖和縮略圖/平鋪視圖
- 30. 捏放大和縮小表視圖
是的,謝謝你的提示! –
謝謝@zyrex。我有同樣的問題。 –