我正在创建我的第一个 WordPress 网站,我的主题遇到了这个问题。我正在使用我下载的自定义主题,在它的 CSS 文件中我有这个代码块:
...
@media only screen and (min-width: 700px) {
.masonry {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
}
@media only screen and (min-width: 900px) {
.masonry {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
}
@media only screen and (min-width: 1100px) {
.masonry {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
}
.masonryinside {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
@media only screen and (min-width: 1280px) {
.wrapper {
width: 1260px;
}
}
问题是即使我的屏幕宽度大于 1100,列数也不会改变。这是我检查元素时的 img:
或者您可以从我的网站上自己查看:https://vietani.000webhostapp.com/
最佳答案
您的 1100 像素媒体查询缺少右大括号
关于php - Wordpress 列数在媒体查询中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41309516/