0

我正在尝试为电子邮件的一部分创建单独的移动和桌面视图。

到目前为止，我有一个用于桌面的 CSS 的最小宽度 499px 部分和一个用于移动设备的最大宽度 400px 部分

桌面查询：

adventures {
        display: none !important;
        visibility: hidden !important;
        font-size: 0px; 
        max-height:0;
        width: 0 !important;
        }

.hide1 {

        display: none !important;
        visibility: hidden !important;
        font-size: 0px; 
        max-height:0;
        width: 0 !important;

手机查询：

.adventuresMOB {
        display: none !important;
        visibility: hidden !important;
        font-size: 0px; 
        max-height:0;
        width: 0 !important;
        }

.hide2 {

        display: none !important;
        visibility: hidden !important;
        font-size: 0px; 
        max-height:0;
        width: 0 !important;

我将 .adventure 类放在<tr>图像周围的标签中，将 .hide 类<div>直接放在图像周围的标签中。

它适用于除 gmail 之外的所有电子邮件客户端。

4

0 回答 0