ホーム>source

htmlを使用してこのメ​​ールを作成しました:

<html>
  <head>
    <style>
      .button {
        background-color: #8d312f;
      }
      div.title {
        text-align: center;
      }
      div.title2 {
        text-align: center;
      }
      div.buttonDiv {
        text-align: center;
      }
      div.bottomBanner {
        font-family: "Accuratist";
        font-size: 14px;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        text-align: center;
        bottom: 30px;
      }
      img.logoImg {
        width: 50px;
        height: 58px;
        content: url("finixLogo.png");
      }
    </style>
    <div class="title">
      <h1>Welcom to WOW!</h1>
    </div>
  </head>
    <body style="font-family:Accuratist">
      <div class="title2">
        <h4>To confirm your account click on the following link.</h4>
      </div>
      <div class="buttonDiv">
        <a href="" class="button"> Confirm account </a>
      </div>
      <div class="bottomBanner">
        If you have any questions, contact us:<a href="mailto:email@example.com"> email@example.com </a> <br><br>
      </div>
    </body>
 </html>

しかし、iPhoneのGmailアプリでボタンのリンクを開こうとすると、代わりにApple Mailで機能しません。iOSでは機能します。 どうすれば問題を解決できますか? これがgmailのスクリーンショットです。

ここに画像の説明を入力してください

あなたの答え
  • 解決した方法 # 1

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    </head>
    <body>
    <table width="100%" border="0" cellspacing="0" cellpadding="0" style="text-align: center;">
      <tbody>
        <tr>
          <td><h1>Welcom to WOW!</h1></td>
        </tr>
        <tr>
          <td><p><strong>To confirm your account click on the following link.</strong></p></td>
        </tr>
        <tr>
            <td style="padding:10px 0 10px;"><a href="#" style="background-color: #8d312f; color: #fff; padding: 10px 20px; display: inline-block; text-decoration: none; border-radius: 20px; ">Confirm account</a></td>
        </tr>
        <tr>
          <td>Confirm account:</td>
        </tr>
        <tr>
          <td><a href="#">email@example.com </a></td>
        </tr>
      </tbody>
    </table>
    
    </body>
    </html>
    
    

関連記事

  • 前へ java - JPAクエリ:サブクエリをグループ化条件に結合する
  • 次へ performance - この場合にPythonスクリプトをより速く実行したり、マルチプロセスを使用するにはどうすればよいですか?