如何使用媒体查询更改特定分辨率的单元格填充？
How to use media query to change cell padding at specific resolution?
在桌面视图（> 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>
不幸的是，它似乎不起作用。
有什么想法吗？
非常感谢！
在电子邮件测试应用程序中使用 运行 此代码之后；我意识到它工作得很好。经验教训：以电子邮件格式进行测试；不只是在浏览器中。
正如 Gortonington 所提到的，"there are so many differences between email client preprocessors and different browser processors that it is impossible to judge if it works on a single preview or test"。
在桌面视图（> 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>
不幸的是，它似乎不起作用。 有什么想法吗？
非常感谢！
在电子邮件测试应用程序中使用 运行 此代码之后；我意识到它工作得很好。经验教训：以电子邮件格式进行测试；不只是在浏览器中。
正如 Gortonington 所提到的，"there are so many differences between email client preprocessors and different browser processors that it is impossible to judge if it works on a single preview or test"。