масштаб 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> 

Здесь я редактировал его немного, чтобы соответствовать большинству основных почтовых клиентов.