Email 浮动和显示块不适用于Android 4.4本机电子邮件
我有一个有两列的表，我把display:block或float:left放在td上。我想在手机上将TD包裹到全宽。但显示：block和float left在Android 4.4本机电子邮件上不起作用。安卓4.2本机电子邮件运行良好 更新到Kit Kat后，是否有人对媒体查询有问题？显示：block似乎不再工作了 如果有人对如何解决这个问题有任何建议，我们将不胜感激Email 浮动和显示块不适用于Android 4.4本机电子邮件,email,html-email,Email,Html Email,我有一个有两列的表，我把display:block或float:left放在td上。我想在手机上将TD包裹到全宽。但显示：block和float left在Android 4.4本机电子邮件上不起作用。安卓4.2本机电子邮件运行良好 更新到Kit Kat后，是否有人对媒体查询有问题？显示：block似乎不再工作了 如果有人对如何解决这个问题有任何建议，我们将不胜感激 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="format-detection" content="telephone=no"/>
<title></title>
<style type="text/css">
@media only screen and (max-device-width:740px) {
td[class="float"] { display:block !important;float: left !important; width: 100% !important;}
td[class="float-red"] { display:block !important;float: left !important; width: 100% !important;background-color:yellow !important; }
}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0" id="backgroundTable" bgcolor="#ffffff">
<tr>
<td valign="top" align="center">
<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" class="outer">
<tr>
<td valign="top" align="center">
<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" class="inner">
<tr>
<td width="300" bgcolor="red" class="float-red">Testing Testing</td>
<td width="300" bgcolor="blue" class="float">Testing Testing</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
@仅介质屏幕和（最大设备宽度：740px）{
td[class=“float”]{display:block！重要；float:left！重要；width:100%！重要；}
td[class=“float red”]{显示：块！重要；浮动：左！重要；宽度：100%！重要；背景色：黄色！重要；}
}
测试
测试
没有真正完美的解决方案，但如果您已经构建了基于TD响应设计的模板，最简单的转换应该是更改为TH。我会阅读action rocket的文章并做一些测试，但应该相当简单。更新后，Android不再支持TD响应设计技术（更多信息请参见此处） 从这里你有几个选择来解决这个问题 1.）使用“对齐”从TDs切换到表格布局。（请参见下文中的选项2-）这可能会导致表之间的对齐和间距出现一些问题（例如Outlook喜欢在嵌套表之间添加10px的间距），等等。有条件代码可以帮助解决这些问题，这主要需要实践和大量测试 2.）将TDs更改为THs。尽管它不再支持响应式TDs，但它确实支持响应式THs。（更多信息请参见此处）切换到时需要考虑一些事项。例如，默认情况下，TH的字体通常为粗体，并与中心对齐。为了更好地控制，您还需要将内容包装在表中的TH中。将填充和边距等添加到TH可以产生与将其添加到TD截然不同的效果
没有真正完美的解决方案，但如果您已经构建了基于TD响应设计的模板，最简单的转换应该是更改为TH。我会阅读《action rocket》的文章并做一些测试，但应该相当简单。哇，这个技巧太神奇了。使用align并不真正值得付出努力，而且在IMO中也有自己的问题。编码时堆叠速度更快，维护更容易。我完全可以处理默认样式的差异。。。谢谢哇，第十招太棒了。使用align并不真正值得付出努力，而且在IMO中也有自己的问题。编码时堆叠速度更快，维护更容易。我完全可以处理默认样式的差异。。。谢谢