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

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

<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>

來源

2017-04-10 user3327608

你有一些代碼爲我們調查？ – dutchsociety

請看我的問題。我已添加電子郵件模板代碼 – user3327608

將這個代碼與emailcontent，在這裏你聲明的字體系列，字體大小，等你的DIV ..

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

來源

2017-04-10 09:49:06

我應該在哪裏放置？ – user3327608

在您的DIV上使用emailcontent，您聲明font-family，font-size等。 –

感謝您的回答。但我不使用div。請在上面的問題中查看電子郵件模板。我更新了它。 – user3327608

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

回答

相關問題