响应 - 在桌面上每隔三个DIV后清除，但在移动设备上每秒后清除一次

Question

我有一个循环，我在桌面PC上显示内容为3列的DIV，所以我在每三个DIV后插入一个清除div：

<?php if($countcut == 3) { echo '<div class="clearit"> </div>'; $countcut=0; } ?>

工作正常。

但是当我想在移动设备和平板电脑上的每个SECOND DIV之后插入结算div并删除桌面视图的清除DIV时该怎么办？

Answer 1

我现在用纯css（nth-child）管理它。

桌面视图：

.box {
    width: 32%;
    margin-right: 2%;
}
.box:nth-child(3n+5) {
    clear: both;
} 
.box:nth-child(3n+4) {
    margin-right: 0;
} 

平板视图：

.box:nth-child(3n+5) {
    clear: none;
} 
.box:nth-child(3n+4) {
    margin-right: 2%;
} 



.box {
    width: 49%;
}
.box:nth-child(2n+4) {
    clear: both;
} 
.box:nth-child(2n+3) {
    margin-right: 0;
}

我希望这是一个很好的方法。