个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
24
4
我为我的客户设计了一个电子邮件签名，首先我通过 photoshop 用表格尝试了它，但出现了一些问题 - td 之间的差距 - 等等。我尝试了 stackoverflow 社区提供的所有解决方案，但我无法解决。
在那之后，我尝试使用一些基本的 html/css 编码来实现它，并且它可以在桌面上的桌面和邮件应用程序中正常工作...
但在移动设备中，div 因我认为的尺寸而损坏。我需要此代码“响应式”。
关于这段代码有什么简单的解决方案吗？抱歉我的英语不好。
谢谢!
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<style media="screen" type="text/css">
p {
font-family: "Open Sans Light";
font-size: 12px;
color: #434343;
padding:0;
margin:0em;
}
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div style="width:540px; height:230px; background-color:white; display:block;">
<div style="width:38px; height:230px; background-color:white; float:left; display:block;"><img src="https://i.postimg.cc/nzLxWQZW/leftline.jpg"></img>
</div>
<div style="width:305px; height:230px; background-color:white; float:left; display:block;">
<div style="width:305px; height:86px; background-color:white; float:left; color:#434343;"><p style="font-weight:bold; margin-top:24px; font-size:18px; padding:0; margin-bottom:0;">DAVID MYERS</p><p style="margin:0; padding:0;">Marketing Manager</p>
</div>
<div style="width:305px; height:27px; background-color:white; float:left; display:block;"><img src="https://i.postimg.cc/WzFvNLd6/dot.jpg"></img>
</div>
<div style="width:305px; height:64px; background-color:white; float:left; display:block;">
<p style="margin:0; padding:0;">P: +972.54.563.1729</p>
<p style="margin:0; padding:0;">M: +972.54.563.1729</p>
</div>
<div style="width:305px; height:53px; background-color:#f6f6f6; float:left; display:block;">
<p style="margin-top:12px; margin-bottom:0; margin-left:0; margin-right:0; font-size:10px; font-weight:bold;">www.stayviagem.com</p>
<p style="padding:0; margin:0; font-size:10px;">85 Broad Street, Suite 28-088, New York, NY 10004</p>
</div>
</div>
<div style="width:197px; height:230px; background-color:white; float:left; display:block;">
<div style="width:197px; height:178px; background-color:white; float:left; display:block;"><img src="https://i.postimg.cc/6pLN5hpS/logo-viagem.jpg"></img></div>
<div style="width:197px; height:52px; background-color:#461d7b; float:left; display:block;">
<a href="https://www.facebook.com/stayviagem" target="_blank"><div style="width:48px; height:52px; background-color:#200; float:left; display:block;"><img src="https://i.postimg.cc/8PvSxGQT/facebook.jpg"></img></div></a>
<a href="https://www.instagram.com/stayviagem" target="_blank"><div style="width:34px; height:52px; background-color:#200; float:left; display:block;"><img src="https://i.postimg.cc/jSrbb1tP/instagram.jpg"></img></div></a>
<a href="https://www.twitter.com/stayviagem" target="_blank"><div style="width:32px; height:52px; background-color:#200; float:left; display:block;"><img src="https://i.postimg.cc/9XK2xMkx/twitter.jpg"></img></div></a>
<a href="https://www.pinterest.com/stayviagem/" target="_blank"><div style="width:34px; height:52px; background-color:#200; float:left; display:block;"><img src="https://i.postimg.cc/26XYN8SS/pinterest.jpg"></img></div></a>
<a href="https://www.youtube.com/channel/UCWJBkDUX-YwAggoM9zHVmWQ" target="_blank"><div style="width:48px; height:52px; background-color:#200; float:left; display:block;"><img src="https://i.postimg.cc/gjCPrSR9/youtube.jpg"></img></div></a>
</div>
</div>
</div>
</body>
</html>最佳答案
电子邮件过于简单，无法实现复杂的 HTML 和 CSS 代码。您将尝试多年。
不幸的是，即使它看起来确实可以在多种设备上运行，但那里有太多的电子邮件客户端、域和设备，以至于会有不支持 HTML 的组合 - 或者，正如您遇到的那样，对 HTML 响应不佳的设备。
在我个人看来，我会尽量避免使用 HTML 来实现签名，因为这样做会非常非常棘手。电子邮件从未设计为能够呈现 HTML，但它可以轻松处理格式和图像。这引出了我的解决方案......
如果您要向收件人显示业务详细信息，为什么不能在 Photoshop 中设计一个非常漂亮的图像并将其附加到每封电子邮件的底部？几乎所有公司都使用这种方法来显示漂亮的电子邮件签名，因为除此之外没有更多的方法可以做到这一点。即使你想让它响应，它也需要适应各种屏幕尺寸、呈现 HTML 和 CSS 的能力，以及不同的在线和桌面客户端。我认为您可能正在尝试实现一些棘手的事情。
关于html - 电子邮件签名在移动设备上无法正常工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56510531/
24
4
0
在电子邮件中 Received: header 可以合法地多次出现，并且具有互斥的值... Received: three.example.com Received: two.example.co
是否有任何代码/宏可以合并到我的 sas 程序中，一旦我的 sas 代码在运行时发生错误，它会立即给我发送电子邮件？ 另外，这封电子邮件是否可能包含发生的错误？ 最佳答案 是的……也不是…… 这是可能
我有一个包含三个 td 的表格，每个表格都需要包含图像。 td 的宽度和高度是固定的，但图像大小可以变化。目标是在不扭曲单元格或图像本身的情况下拟合图像。不能使用 background-image 属
首先非常感谢大家过去提出的宝贵建议，我们正在创建一个应用程序，在某些事件中想要将电子邮件/短信发送到我们已经尝试过 openURL 调用的指定电话号码，但它会打开现有的内置iPhone 的电子邮件/短
我正在使用 apache commons mail 发送电子邮件。不幸的是，我遇到了以下异常: org.apache.commons.mail.EmailException: Sending the
我可以在我的 ~/.hgrc 文件中设置我常用的电子邮件地址，但是有没有办法为一个 hg 项目指定我想被称为不同的名称/电子邮件(类似到项目目录中的 git 的 .git/config 文件覆盖 ~/
$message = 'New user registration\n\n There is a new submission on the site and below are the detail
使用 outlook 我可以发送在邮件正文中插入图像的电子邮件(不是作为附件)。我如何使用 PHP 中的 mail() 函数来做到这一点？ 最佳答案 我会推荐 Swift Mailer: http:/
以下代码的目标是将所选图表粘贴到我的文本下方的电子邮件正文中。但是，它继续将其粘贴在我的文本上方。我该如何更改它以使其粘贴在下面？谢谢! Set OutApp = CreateObject("Outl
首先，我知道不建议使用正则表达式发送电子邮件，但我必须对此进行测试。 我有这个正则表达式: \b[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,4}\b 在 Java 中，我这样
如何在没有任何第三方程序的情况下从 Python 发送电子邮件？ 最佳答案 使用Python email和 smtplib模块。示例:http://docs.python.org/library/em
我目前正在使用此代码在 html 表中显示 mysql 记录 "; . . echo ' '. $row["Email1"] . ' '; . . echo ""; }
在电子邮件中使用 HTML 时，是否可以仅将链接的一部分着色为特定颜色？ 我试过: red part of link normal part ...我知道如果我拆分链接是可能的，但我正在努力将它们保持
我正在处理一封 html 电子邮件，我有一个非常简单的元素 (ul)，我想将它移到页面下方。 我检查了campaign monitor's guide并且不支持负边距，或者 position: abs
我使用表格创建了我的 HTML 电子邮件，该表格有一个背景图像，在大多数基于 Web 的电子邮件客户端中都能正常显示。 我正在努力让背景图片显示在 Outlook 中。 我最近的尝试，我尝试了以下操作
我对 PHP/CSS 和一般编程还很陌生。 我想改变文本区域中文本的格式，就像在这里所做的那样，例如，当为突出显示的文本添加标签“代码示例”时，它会缩进它，或者当将它设置为粗体时，它会加粗它。 这样做
嘿，你能推荐我哪些 C++ 库或类可用于在 C++ 中通过 SMTP 发送电子邮件。我在 Windows 平台上。我需要一个支持附件和 SSL 连接的库。有哪些可用选项。我不打算实现我自己的 :) 问
想知道是否可以在 HTML 电子邮件中包含一个表单。我要做的就是将图像输入提交到 Paypal 购买页面。我希望它直接进入 Paypal ，而无需先进入营销页面... 我会拥有 paypal 要求的完
我负责“ reshape ”我们的 IT 部门通信。我想用纯 HTML/CSS 来发送我们的电子邮件通知，以确保它的可移植性。 下面是代码，它在 Outlook 中看起来完全符合我的要求，但是一旦将内
我正在学习编写响应式电子邮件模板。目前我有:https://jsfiddle.net/q12yg2z6/
我是一名优秀的程序员,十分优秀！