【发布时间】：2021-12-24 12:05:35
【问题描述】：
我正在创建电子邮件签名并遇到一个问题，当您在 iPhone 移动 Gmail 应用程序上查看时，出于某种原因，当您从 Outlook 向 Gmail 发送电子邮件时，签名会垂直拉伸，从而在元素之间添加大量空间?我将在下面显示一张图片以供参考。
在桌面上查看签名时，一切看起来都很好，即使在移动设备上通过 Outlook 或 Apple 邮件查看它也看起来不错，但仅适用于移动设备上的 Gmail？我只是想知道为什么会这样，我该如何解决它？谢谢！ :)
这里是签名代码：
<body><div width="500" height="250" style="max-width: 500px; max-height: 250px; padding: 0; margin: 0; box-sizing: border-box;">
<!--SIGNATURE-->
<table border="0" cellspacing="0" cellpadding="0">
<!-- SECTION 1 PHOTOS DELETE WHEN FINISHED -->
<tbody><tr><td style="text-align: center;">
<table border="0" cellspacing="0" cellpadding="0" width="120" height="250" style="max-width: 120px; max-height: 250px;">
<tbody><tr>
<td>
<img src="https://www.azlendingexperts.com/images/bio_richard.jpg" alt="Headshot" id="imgchangeroutput" height="180" width="120" style="height: 180px; width: 120px; padding-bottom: 0;">
</td>
</tr>
<tr>
<td style="padding: 10px;"></td>
</tr>
<tr>
<td>
<a href="https://az-lending-experts-apply-now.secure-clix.com/" target="_blank">
<img src="https://raw.githubusercontent.com/onthegocode/renovation/main/now.png" alt="Apply Now Button" height="30" style="height: 30px;">
</a>
</td>
</tr>
<tr>
<td>
<a href="https://issuu.com/azbigmedia/docs/raz_2021/432">
<img src="https://raw.githubusercontent.com/onthegocode/renovation/main/ranking.png" alt="1 Mortage Broker Ranking Arizona Logo" width="120" style="width: 120px;">
</a>
</td>
</tr>
</tbody></table>
</td>
<!---------------------------------------------------------------------------------------------------->
<!-- SECTION 2 Information DELETE WHEN FINISHED -->
<!---------------------------------------------------------------------------------------------------->
<td><table border="0" cellspacing="0" cellpadding="0" width="350">
<!-- Main Logo -->
<tbody><tr>
<td>
<a href="https://www.azlendingexperts.com/" target="_blank">
<img src="https://raw.githubusercontent.com/onthegocode/renovation/main/azlelogo.png" alt="AZ Lending Experts LCC logo" height="50">
</a>
</td>
</tr>
<tr>
<td style="padding: 10px;"></td>
</tr>
<tr>
<!-- INFO 1 NAME & NMLS -->
<td>
<div style="font-family: Arial, sans-serif; font-weight: bold; font-size: 18px;" id="text-box">Richard Simon</div>
<div style="font-family: Arial, sans-serif; color: #767171; font-size: 14px; font-weight: bold;"><span id="titleoutput">Owner</span> NMLS #<span id="nmlsoutput">155480</span></div>
</td>
</tr>
<tr>
<td style="padding: 10px;"></td>
</tr>
<!-- INFO 2 Mobile,Office,Email -->
<tr>
<td>
<div id="Mobile">
<span style="font-family: Arial, sans-serif; font-weight: bold; font-size: 14px;">Mobile: </span><a href="tel:4802393875" target="_blank" id="phone1output" style="font-family: Arial, sans-serif; text-decoration: none; color:#767171; font-size: 14px;">480.239.3875</a>
</div>
<div id="Office"><span style="font-family: Arial, sans-serif; font-weight: bold; font-size: 14px;">Office: </span><span style=""><a href="tel:4806493825" target="_blank" id="phone2output" style="font-family: Arial, sans-serif; text-decoration: none; color:#767171; font-size: 14px;">480.649.3825</a></span></div>
<div id="email"><div><span style="font-family: Arial, sans-serif; font-weight: bold; font-size: 14px;">Email: </span><span><a id="emailoutput" href="mailto:rsimon@azlendingexperts.com" style="font-family: Arial, sans-serif;color:#767171; font-size: 14px;">rsimon@azlendingexperts.com</a></span></div>
</div>
</td>
</tr>
<tr>
<td style="height: 20px;"></td>
</tr>
<tr>
<td>
<a href="https://www.google.com/maps/place/4500+S+Lakeshore+Dr+%23595,+Tempe,+AZ+85282/data=!4m2!3m1!1s0x872b062196b8962b:0x93f0ee8ff2a4f8e1?sa=X&ved=2ahUKEwi7gLH_15H0AhX2HzQIHTkDDpcQ8gF6BAgSEAE" target="_blank" style="font-family: Arial, sans-serif; text-decoration: none; color: #767171; font-size: 14px;">4500 S Lakeshore Dr. Suite 595, Tempe, AZ 85282</a>
</td>
</tr>
<tr>
<td>
<a href="https://www.azlendingexperts.com/" target="_blank" style="font-family: Arial, sans-serif; font-size: 14px;">www.azlendingexperts.com</a>
</td>
</tr>
<tr>
<td>
<!-- <img src="https://raw.githubusercontent.com/onthegocode/renovation/main/space.png" width="5" height="0" style="width: 5px; height: 0px;" /> -->
<a href="https://www.facebook.com/RichardSimonMortgage" id="facebookoutput" target="_blank"><img src="https://raw.githubusercontent.com/onthegocode/renovation/main/Facebook.png" alt="facebook logo" height="30"></a>
<a href="https://www.instagram.com/richardsimonmortgage/" id="instagramoutput" target="_blank"><img src="https://raw.githubusercontent.com/onthegocode/renovation/main/Instagram.png" alt="instagram logo" height="30"></a>
<a href="https://www.youtube.com/channel/UCfFk2G78rqkCC5j9h_m3PvQ" id="youtubeoutput" target="_blank"><img src="https://raw.githubusercontent.com/onthegocode/renovation/main/Youtube.png" alt="youtube logo" height="30"></a>
<a href="https://www.linkedin.com/in/richardsimonmortgage" id="linkedinoutput" target="_blank"><img src="https://raw.githubusercontent.com/onthegocode/renovation/main/Linkedin.png" alt="linkedin logo" height="30"></a>
<a href="https://twitter.com/azlendingexpert" id="twitteroutput" target="_blank"><img src="https://raw.githubusercontent.com/onthegocode/renovation/main/Twitter.png" alt="twitter logo" height="30"></a>
<a href="#" target="_blank"><img src="https://raw.githubusercontent.com/onthegocode/renovation/main/Google.png" alt="Google Reviews" height="45"></a>
</td>
</tr>
</tbody></table></td>
</tr></tbody></table>
</div>
</body>【问题讨论】：
标签： html email mobile outlook gmail