Question

我们一直在使用相同的方法在移动设备上堆叠列一段时间。不要认为这是不寻常的，我们的Litmus测试总是全面回归。最近，一个拥有Android设备的客户端（S4 mini运行4.2）抱怨布局被打破了。媒体查询被解雇了，电子邮件的非堆叠部分表现得如预期的那样，但我们试图堆叠的3个列顽固地拒绝这样做。是否有其他人有类似的问题？

我已经大大简化了一些演示代码来说明问题。

CSS：

@media only screen and (max-width: 660px) {

*[class].fl{float:left !important;}
*[class].wr{display:block !important;}
*[class].width320{width:320px !important;}
*[class].width300{width:300px !important;}
*[class].height20{height:20px !important;}

HTML：

<table width="600" class="width300" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr>
        <td width="187" height="60" class="wr fl width300" bgcolor="#000000" style="background-color:#000000;"></td>
        <td width="20" class="wr fl width300 height20" style="font-size:1px; line-height:1px">&nbsp;</td>
        <td width="186" height="60" class="wr fl width300" bgcolor="#000000" style="background-color:#000000;"></td>
        <td width="20" class="wr fl width300 height20" style="font-size:1px; line-height:1px">&nbsp;</td>
        <td width="187" height="60" class="wr fl width300" bgcolor="#000000" style="background-color:#000000;"></td>
    </tr>
</table>

Android 4.2原生应用中的响应（堆叠）问题

0 个答案: