它曾经工作过，但自从我添加了更多的链接(Twitter和Instagram)，它不再工作了。这是我的gmail链接的CSS代码:
.gmail {
color: white;
font-weight: bold;
font-size: 40px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
width: 300px;
padding: 20px;
text-align: center;
}
这是div:
<div class="gmail">
<a href="mailto:emailexample@gmail.com" title="Gmail">
<img alt="Gmail" src="gmail-logo-transparent-background-2-removebg-preview.png" width="100" height="100" />
</a>
</div>
我试了很多封邮件，但从来没有成功过，所以电子邮件应该不是问题。
mailto链接在电子邮件客户端之间具有相当好的支持。但和所有事情一样，要意识到这可能行不通。您可以在caniemail.com上查看对mailto链接的支持。
我发现他们离得太近了。我将instagram png的宽度改为250px，而不是300，框的左边距改为70%，这样，，hitboxes"不碰撞。