我要我的WPdefault gallery 从计算机屏幕上的4列下降到移动设备上的2列。
如何使wp默认图库具有响应性?
2 个回复
最合适的回答,由SO网友:DigitalDesigner 整理而成
您可以尝试使用css来控制视觉布局。
我已经在我的开发服务器上进行了测试,这是成功的。
@media only screen and ( max-width: 320px ) {
.gallery-item {float:left;width:50% !important;}
}
我们所做的是在小于320px的设备上查看时,将列设置为容器总宽度的50%。您可以根据需要进行调整。只需通过主题选项页面将此样式放入主题css中即可。如果没有,也可以通过外观>编辑器(Appearance>Editor)进行管理访问,将其添加到主题css样式表中。
尝试一下,希望能有所帮助。
SO网友:Jim Kinney
响应库的秘诀是不指定列号。这将使其显示库项目,直到项目溢出到下一行。确保库项目设置为“显示:内联块”
结束