スケールhtmlモバイル用電子メール

Question

私の中小企業向けの電子メール署名を作成しようとしています。私は訓練された開発者ではありませんが、HTMLとCSSにいくつかの知識があります。

私の質問はモバイル用の署名を拡大する方法ですか？私はすべてのスタイリングがインラインでなければならないので、私はこれが限られていることを知っています。私のコードは次のとおりです。

<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans" /> 
<div style="font-family: 'Helvetica','Open Sans', Arial, sans-serif; "> 
    <table cellspacing="0" cellpadding="0" border="0"> 
    <tbody> 
    <tr> 
     <td style="padding-right: 10px;font-size:12pt; line-height: 16pt"> 
      <img src="http://info.dochalo.com/hubfs/Email_Signatures/doc-halo-logo_email_signature.jpg" style="width:150px;" alt="Doc Halo" border="0"> 
     </td> 
     <td style="padding-left:10px; border-left: 3px solid #0094ba;font-size:9pt;line-height: 14pt; color:#000"> 
      <p style = "padding:0px;margin:0px;"><span style="color:#0094ba"><b>Patrick Williams</b></span> | Graphic Designer 
      </p> 
      <p style = "padding:0px;margin:0px;margin-bottom:0px"><span style="color:#0094ba"><b>E </b></span><a href="mailto: email@ssite.com;" style="color:#00487A">email@site.com</a></p> 
      <p style = "padding:0px;margin:0px;margin-bottom:0px"><span style="color:#0094ba"><b>P</b></span> 555.555.5555 <span style="color:#0094ba"><b> W </b></span><a href="https://www.google.com/" style="color:#00487A">site.com</a> 
      </p> 

     </td> 
    </tr> 
    </tbody> 
    </table> 
</div> 

私はちょうど画像を拡大縮小、またはあまりにも動作する小さい別のバージョンを使用することができます。

おかげで、 Pここ

Answer 1

<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans" /> 
    <table cellspacing="0" cellpadding="0" border="0" style="font-family: 'Helvetica','Open Sans', Arial, sans-serif; "> 
    <tr> 
     <td style="padding-right: 10px;"> 
      <img src="http://info.dochalo.com/hubfs/Email_Signatures/doc-halo-logo_email_signature.jpg" width="150" style="width:100%; max-width: 150px;" alt="Doc Halo"> 
     </td> 
     <td style="padding-left:10px; border-left: 3px solid #0094ba;font-size:9px;line-height: 14px; color:#0094ba; font-weight:bold; "> 
      Patrick Williams <span style="color: #000000; font-weight: normal;">| Graphic Designer</span><br> 
      E <a href="mailto: email@ssite.com;" style="color:#00487A; font-weight: normal;">email@site.com</a><br> 
      P 555.555.5555 
      W <a href="https://www.google.com/" style="color:#00487A; font-weight:normal;">site.com</a> 
     </td> 
    </tr> 
    </table> 

は、私は主要なメールクライアントのほとんどに合うようにそれを少し編集しました。