html - 图库在移动 View 中消失

Question

我在玩弄一些 css 和 html 时发现了这个网站...为什么当窗口缩小时图库消失了？我已经检查了源代码，但看不到任何表明大小调整可能是个问题的 css(媒体查询)？

帮助一只好奇的猫

谢谢

Answer 1

<div id="shoppable-instagram" style="clear:both" class="ps-container hide-for-small-only">

从 div id 'shoppable-instagram' 中删除类 .hide-for-small-only，它将正常工作。

您的新 DIV 应该是:

<div id="shoppable-instagram" style="clear:both" class="ps-container">

此代码是将 div 隐藏到移动设备中的原因。它在 foundation-flex.min.css 第 2 行

@media screen and (max-width: 39.9375em)
    .hide-for-small-only {
        display: none!important;
    }