如何在html電子郵件模板中覆蓋gmail視口？

Question

我在php開發了一個約會網站，也有移動版本。 我設計了一個html電子郵件模板並將其存儲在一個包含php變量的文件夾中，我將在發送電子郵件時將其替換。 我想在這里做的是，當我的網站發送的任何電子郵件在移動設備上打開時，它不應該有縮放電子郵件的選項。 在我的電子郵件模板中，我會在代碼下面。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,target-densitydpi=device-dpi, user-scalable=no" />

電子郵件模板，如果我在移動瀏覽器中查看，它沒有縮放選項，但如果我在gmail應用程序中查看電子郵件，我可以縮放電子郵件。

請告訴我如何在Gmail中停止縮放功能。 提前致謝。

 <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,target-densitydpi=device-dpi, user-scalable=no" /> </head> <body style="-webkit-text-size-adjust:none;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color:#000000; height:52px;"> <tr> <td align="center"> <center> <table border="0" cellpadding="0" cellspacing="0" width="600px" style="height:100%;"> <tr><td align="left" valign="middle" style="padding-left:20px;"><a href="SITENAME"><img src="SITENAME/images/logo.png" /></a></td></tr> </table> </center> </td> </tr> </table> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td> <center> <table style="height:100%;" width="600px" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td style="padding-left:20px; padding-bottom:20px" valign="bottom" align="left"> <div style="color: #444444; font-family: Open Sans; font-size: 15px; line-height: 150%;text-align: left;"> {{EMAILCONTENT}} </div> </td> </tr> </tbody> </table> </center> </td> </tr> </tbody> </table> </body> </html>

Answer 1

使用emailcontent將此代碼放在您的DIV上，您可以在其中聲明font-family，font-size等。

.no-zoom {
  touch-action: manipulation;
}

如何在html電子郵件模板中覆蓋gmail視口？

問題描述

1 個解決方案

解決方案1
0 2017-04-10 09:49:06

如何在html電子郵件模板中覆蓋gmail視口？

問題描述

1 個解決方案

解決方案1 0 2017-04-10 09:49:06

解決方案1
0 2017-04-10 09:49:06