个人中心
gpt4 book ai didi

php - Gmail 应用程序显示字体大小和颜色错误

转载 作者：行者123 更新时间：2023-11-28 10:13:57 36 4
gpt4 key购买 nike

我有带有表格的 php/html 代码。它在 yahoo、gmail 等中看起来完全没问题，但是当仅在手机上的 gmail 应用程序中打开时，看起来很乱，有奇怪的绿色和错误的不同字体大小。知道如何解决这个问题吗？下面的链接包含 2 个屏幕截图。左边的是它在包括 gmail 在内的所有电子邮件帐户上的外观。右边的是它在 iPhone 上的 gmail 应用程序中的样子。

Link for the screenshot

代码如下:

<?php 
// Fixes the encoding to uf8 
function fixEncoding($in_str) 
{ 
  $cur_encoding = mb_detect_encoding($in_str) ; 
if($cur_encoding == "UTF-8" && mb_check_encoding($in_str,"UTF-8")) 
return $in_str; 
else 
return utf8_encode($in_str); 
} // fixEncoding 
?>
<?php


require_once('class.phpmailer.php');

//include("class.smtp.php"); // optional, gets called from within class.phpmailer.php if not     already loaded

$mail             = new PHPMailer();

$body = '<html><body>';
$body .= '<table rules="all" style="border-color: #fff; font-family: Arial; width:595px;     height:108px; font-size:115%; background-color:#ffffff;" cellpadding="10">';
$body .= "<tr><td style='text-align: center; text-align: middle; vertical-align: middle;      vertical-align: center'>
 <img style='border: 0px solid ;     'src='http://www.magentastorage.co.uk/mobile/images/emailheader.jpg'></a> </td></tr>";

 $body .= '</table>';

 $body .= '<table rules="all" style="border-color: #fff; font-family: Arial; width:595px; font-size:115%; background-color:#ffffff;" cellpadding="10"; position:relative; left:"20">';

$body .= "<tr><td style= 'padding-left:21px;'>Dear  " .$_GET["name"] ."," . "</td></tr>";
$body .= "<tr><td style= 'padding-left:21px;'>Thank you for visiting our website and contacting us about your storage requirements. Below is a summary of your storage quotation:  </td></tr>";
$body .= "<tr> <td style='text-align: left; font-family: Arial; vertical-align: left;'>
 <img style='border: 0px solid ; ' src='http://www.magentastorage.co.uk/mobile/images/emailrequirements.png'> </td></tr>";

$body .= '</table>';

$body .= '<table rules="all" style="border-color: #fff; font-family: Arial; width:470px; font-size:115%; background-color:#ffffff;" cellpadding="10">';

    $body .= "<tr>";
$body .= "<td style= 'padding-left:21px;'>Unit Size:</td>";
$body .= "<td>";
$body .= $_GET["unitsize"];
$body .= "</td>";
$body .= "<td></td>";
$body .= "</tr>";


    $body .= '</table>';

$body .= '<table rules="all" style="border-color: #fff; font-family: Arial; width:595px; font-size:115%; background-color:#ffffff;" cellpadding="10">';

$body .= "<tr> <td style='text-align: left; font-family: Arial; vertical-align: left;'>
 <img style='border: 0px solid ; '
 src='http://www.magentastorage.co.uk/mobile/images/emailquotation.png'> </td></tr>";
$body .= "<tr><td style= 'padding-left:21px;'>" ."Weekly rental is" ." " ."&pound;" .$_GET["price"] ." "     ."</td> </tr>";
$body .= "<tr><td style= 'padding-left:21px;'>This quote includes VAT, insurance cover for up to" ." " ."£" .$_GET["insurance"] ." " ."and a padlock to secure your storage unit</td></tr>";
$body .= "<tr><td style= 'padding-left:21px;'>" ."<strong>" ."**4 WEEKS FREE STORAGE**" ."</strong>" ."</td>";
$body .= "<tr><td style= 'padding-left:21px;'>Simply pay for 4 weeks storage when you move in and we'll give you an extra 4 weeks storage completely free!</td></tr>";

$body .= "<tr><td style= 'padding-left:21px;'>Kind Regards, </td></tr>";
$body .= "<tr><td style= 'padding-left:21px;'>Store Manager </td></tr>";

$body .= "</table>";
$body .= "</body></html>";

最佳答案

我对 PHP 的了解还不够多，无法给您任何提示，但我发现静态 HTML 位有很多问题。

<td style='text-align: center; text-align: middle; vertical-align: middle;      vertical-align: center'>

在这里，您设置了两次垂直对齐。 vertical-align: center 无效，应删除。我还会将 min-width:595px 添加到此样式声明中。

<table rules="all" style="border-color: #fff; font-family: Arial; width:595px; font-size:115%; background-color:#ffffff;" cellpadding="10"; position:relative; left:"20">

而不是 border-color: #fff，只需创建整个边框。 边框:3px solid #ffffff。你有 position:relative; left:"20" 在您的样式声明之外，因此应该移动它们。此外，您需要为 left 值添加一个单位，并删除 cellpadding="10"; 中的分号。

<td style='text-align: left; font-family: Arial; vertical-align: left;'>

您不能将垂直对齐设置为左对齐。

此外，在处理电子邮件时，最好使用完整的 6 字符十六进制代码。 border: 0px solid 可以替换为 border: 0。我还建议使用绝对字体大小，而不是相对百分比。

再一次，我不知道你的 PHP 有多可靠，但看到你的 HTML/CSS 中有很多错误，我建议你把它整理一下，你的电子邮件可能会表现得更好一些。

关于php - Gmail 应用程序显示字体大小和颜色错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24284887/

36 4 0
文章推荐： ios - Swift 自动代码生成
文章推荐： javascript - IE9 中使用缓存的隐藏输入值而不是更新值
文章推荐： ios - 如何在swift3 ios中以横向模式强制调用webview
文章推荐： javascript - Sencha Touch MVC 的问题
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com