如何让WordPress的默认图库在手机上得到响应？

时间：2018-09-18 作者：Diego Sánchez

我在许多博客和论坛上读到过关于这个主题的文章，但我没有取得任何成就。

我想在我的页面上执行以下操作：

decalaveras.com

在这个页面上，当从手机访问时，它会自动从图像库中的3列变为1列。

有人帮我弄到这个吗？

我用同样的主题，二十一六。

1 个回复
最合适的回答,由SO网友:RiddleMeThis 整理而成

他们通过使用CSS Media Queries .

以下是控制通道宽度的具体参数。

@media(max-width: 720px){
    .gallery-item{
        max-width: 50%;
    }
}

@media(max-width: 480px){
    .gallery-item{
        max-width: 100%;
    }
}
将这些添加到您的风格中。css，看看它们是否有效。

结束
标签： images   css   gallery   responsive   小码农  

相关推荐

通过css隐藏表单中的字段

所以我试图在表单中隐藏一些字段。输入类型=“”部分很容易通过ID隐藏，但我无法了解如何编辑label类。在阅读了几篇文章和网站后，我确实尝试了：nth-child（）选择器，但似乎无法正常工作。这就是我所做的。有没有关于我做错了什么以及如何改进的建议CSS#fc-calc-result-wraps:nth-child(2n) { display: none; } HTML <div class=\"fc-calc-result-wraps\" style=\"di