如何調整列表項的大小在Jquery Mobile 1.4中

Question

我試圖減少Jquery Mobile中列表項的大小，但沒有成功，我嘗試了很多我已經找到的代碼。下面是我最後一次嘗試的代碼;

#class_list { 
    height:100%; 
} 
#class_list li { 
    height: 20%; 
} 

該列表項是動態生成的。

Answer 1

有很多方法可以爲列表項設置自定義高度，但我認爲百分比不會工作。您可以使用jquery獲取屏幕大小並將其除以項目數，然後以像素爲單位動態更新css。

演示靜態列表項

http://jsfiddle.net/b53bg0j5/

CSS

.ui-listview>.ui-li-static { 
height: 60px; 
} 

修改JQM的給定CSS名============== ===================================

演示擁有（！重要）列表項的自己的類，可以通過JQM的原始規則啓用它。

http://jsfiddle.net/52aey3o6/

CSS

.b { 
height: 25px !important; 
} 

=============================== ===================鋰元素

直接CSS規則

li { 
height: 66px; 
} 

============== ============ ========================

自定義添加一個類的（UL）元素

<ul data-role="listview" class="FF"> 

.FF>li { 
height: 46px; 
}