Outlook 响应式电子邮件定位桌面

我很难用下面的媒体查询来定位桌面

我有一个媒体质疑，我想在任何比手机更大的东西上隐藏tr

            @media screen and (min-device-width: 620px){
            tr[id = mobileHide] {
                    display: none !important;
                    width: 0px !important;
                }
            }

值得注意的是，当我在浏览器中查看HTML时，这是有效的

这可能是Outlook的问题吗？我是否需要为outlook执行条件标记以隐藏此tr

提前感谢您

Outlook

另一件需要注意的事情是，根据您的MS Exchange服务器，有时您的媒体查询会被完全阻止，因此只需确认它们是否正常工作。

这是可能的

尝试'@media all'，而不是

屏幕

。这肯定会解决的

。。如果没有，请尝试隐藏代码中的

td

，而不是

tr

@media only screen and (min-width:600px){
    .desktop-hide{display:none;}
}

以及HTML标记

<tr class="desktop-hide">
    <td>
        <p>Text only shown in Mobile clients that support media queries</p>
    </td>
</tr>

仅在支持媒体查询的移动客户端中显示文本

希望这有帮助。请记住，许多电子邮件客户端不支持媒体查询，因此即使tr显示，也要确保其外观良好