jquery - 仅为 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

Bootstrap 有一些针对各种设备的断点示例:http://getbootstrap.com/docs/4.0/layout/overview/#responsive-breakpoints