簡而言之，我希望在設備寬度不足以支持JQM listview時隱藏縮略圖。我可以在技術上做到這一點，但空間不被重用（這是隱藏它們的全部重點）。jQuery Mobile在列表視圖中的響應式縮略圖

我的CSS：

@media all and (max-width: 30em) { 
    .list-breakpoint img { display: none; } 
}

而且列表的元素：

<li class="list-breakpoint" data-theme='a'> 
    <a href="#"> 
     <img src="..." class="ui-li-thumb"> 
     <p><b>Title</b><br/> 
      Line 1<br/> 
      Line 2</p> 
    </a> 
</li>

來源

2016-08-17 Scott Hunter

display：none;與可見度不同，將大拇指從視線中取出並回收空間：隱藏; 。如果你說它沒有，那麼也許其他一些班正在使用這個空間。檢查瀏覽器上的項目，並查看顯示後使用了哪些css：無;在斷點處運行 – Tasos

在李錨標記按鈕上微胖左側騰出空間形象，從而以及隱藏圖像，調整填充：

@media all and (max-width: 30em) { 
    .list-breakpoint img { display: none; } 
    .list-breakpoint a.ui-btn { padding-left: 1em !important; } 
}

DEMO

來源

2016-08-18 11:17:39 ezanker

jQuery Mobile在列表視圖中的響應式縮略圖

回答

DEMO

相關問題