css - 如何使用媒体查询更改特定分辨率的单元格填充？

Question

在桌面 View (> 480px) 中查看时，我需要一个特定的 <td>有 9px 的左填充但是，当分辨率低于 480px 时，我需要将这个左填充增加到 18px。

目前，我的填充定义是内联的:

@media only screen and (max-width: 480px){
		td[class=paddingControl]{
			padding-left:18px !important;
		}

<table>
  <td style="padding-top:0px; padding-left:9px; padding-bottom:9px; padding-right:18px;" class="paddingControl">
    Data Here
  </td>
</table>

不幸的是，它似乎不起作用。 有什么想法吗？

非常感谢!

Answer 1

在电子邮件测试应用程序中运行此代码后；我意识到它工作得很好。经验教训:以电子邮件格式进行测试；不只是在浏览器中。

正如 Gortonington 所提到的，“电子邮件客户端预处理器和不同的浏览器处理器之间存在如此多的差异，以至于无法判断它是否适用于单个预览或测试”。