僅針對fancybox的某種分辨率（桌面）觸發縮略圖3.1

Question

有沒有一種方法，如果是這樣，觸發帶縮略圖的網格僅基於分辨率出現？ 基本上，我不想將它設置爲自動，因爲這也意味着手機，但我希望它自動打開桌面或平板電腦。最好通過使用viewport/css來識別解析。

Answer 1

您可以使用CSS媒體查詢來定位包含縮略圖網格的元素。例如：

@media (max-width: 576px) { 
    /* Hide element under 576px width */ 
    .thumbnail-grid-selector { 
     display: none; 
    } 
} 

MDN對媒體查詢的信息：https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

引導具有斷點各種設備的一些例子：http://getbootstrap.com/docs/4.0/layout/overview/#responsive-breakpoints

Answer 2

您可以隱藏按鈕，使用CSS格縮覽圖（見底部thumbs.css for sample）或在移動設備上完全禁用：

mobile : { 
    thumbs : false 
}