插入响应性HTML作为gmail签名

插入响应性HTML作为gmail签名,html,css,gmail,html-email,Html,Css,Gmail,Html Email,我已经创建了一个html响应电子邮件签名,并希望将其设置为在Gmail中使用。我在网上找到了几篇关于如何做到这一点的文章,但它并没有将其视为响应性文章。请参阅下面的代码,因为屏幕将图像更改最小化 我遵循了这个链接:但我得到的只是桌面版的gmail链接。当我从手机发送电子邮件时,我希望显示签名的手机版本 身体{ 字体系列:'opensans'; } p{ 保证金:0; } @仅介质屏幕和(最大宽度:600px){ .emailImageDesktop{ 显示:无; } .dividerDesk

我已经创建了一个html响应电子邮件签名,并希望将其设置为在Gmail中使用。我在网上找到了几篇关于如何做到这一点的文章,但它并没有将其视为响应性文章。请参阅下面的代码,因为屏幕将图像更改最小化

我遵循了这个链接:但我得到的只是桌面版的gmail链接。当我从手机发送电子邮件时,我希望显示签名的手机版本


身体{
字体系列:'opensans';
}
p{
保证金:0;
}
@仅介质屏幕和(最大宽度:600px){
.emailImageDesktop{
显示:无;
}
.dividerDesktop{
显示:无;
}
#主体结构{
最大宽度:100%!重要;
最小宽度:320px;
}
.设备宽度{
宽度:100%!重要;
浮动:左;
}
没有{
左侧填充:0!重要;
右边填充:0!重要;
}
.pb20{
垫底:20px;
}
.免责声明{
最大宽度:390px!重要;
}
}
@仅介质屏幕和(最大宽度:502px){
.emailImageDesktop{
显示:无;
}
.dividerDesktop{
显示:无;
}
#主体结构{
最大宽度:100%!重要;
最小宽度:320px!重要;
}
.设备宽度{
宽度:100%!重要;
浮动:左;
}
没有{
左侧填充:0!重要;
右边填充:0!重要;
}
.pb20{
垫底:20px;
}
.免责声明{
最大宽度:390px;
}
}
@仅介质屏幕和(最大宽度:320px){
.emailImageDesktop{
显示:无;
}
.dividerDesktop{
显示:无;
}
#主体结构{
最大宽度:100%!重要;
最小宽度:320px!重要;
}
.设备宽度{
宽度:100%!重要;
浮动:左;
}
没有{
左侧填充:0!重要;
右边填充:0!重要;
}
.pb20{
垫底:20px;
}
.免责声明{
最大宽度:320px!重要;
}
}
@仅介质屏幕和(最小宽度:601px){
.emailImageMobile{
显示:无;
}
.分隔车{
显示:无;
}
}
@仅介质屏幕和(最大宽度:480px){
表#canspamBar td{
字体大小:14px!重要;
}
表#canspamBar td a{
显示:块!重要;
利润上限:10px!重要;
}
}
多米尼克·科伦索


M

T

E

W

跟着我:
InFlow Training Limited在英格兰和威尔士注册,注册号:09111119,注册办事处位于约克州富尔福德市林场商业园2号,邮编:YO19 4RH。如果您不是此电子邮件的预期收件人,请尽快通知发件人,将其从您的系统中删除,并且不要将其内容透露给任何其他人。





此电子邮件已发送至

*|列表:地址行|*

*|奖励|*
Gmail对媒体查询中的空格要求非常严格。删除冒号后面和像素值之前的空格。这是几天前测试过的一段有效的Gmail代码:@Syfer-谢谢你的反馈。我刚刚尝试在您提供的链接中测试您的代码。然而,当我在gmail应用程序中查看时,它不起作用。我有你指定的正确版本,它应该可以工作。谢谢你用什么寄?Gmail在媒体查询中对空格的要求非常严格。删除冒号后面和像素值之前的空格。这是几天前测试过的一段有效的Gmail代码:@Syfer-谢谢你的反馈。我刚刚尝试在您提供的链接中测试您的代码。然而,当我在gmail应用程序中查看时,它不起作用。我有你指定的正确版本,它应该可以工作。谢谢你用什么寄?是否在冒号后创建空格?