モバイル電子メールクライアントに表示するときにテキストの行の高さが高くなる

Question

現在、Outlookデスクトップクライアント用の署名デザインを作成していますが、モバイル上の行間の余分な空白を除いて、 OutlookやGmailなどのクライアント。 100％に設定されていて、マージンとパディングがすべてゼロに設定されているにもかかわらず、行の高さが150％のように設定されているようです。

<p style="padding:0;margin:0;line-height:100%;font-size:9pt;">One line</p> 
<p style="padding:0;margin:0;line-height:100%;font-size:9pt;">Two line</p> 

誰もがこの問題を知っていますか？とにかくデスクトップのクライアントに問題を引き起こす行の高さを減らす。

Answer 1

レイアウトプロパティがインラインに設定されているかゼロに設定されていると、Gmail MobileやOutlook Mobileなどのモバイルメールクライアントが正しく表示されないようです。以下は私の問題を解決するように見え、インライン・スタイリングだけをレンダリングするクライアントの場合、間隔はとにかくあるはずです。私は最後の段落に余分な空白があることに気付きました。したがって、この問題を解決するように思われた行末が改行されました。だから、デスクトップ上と同じように、すべてのラインがきつく見える。これが誰かを助けることを望みます。

<style type="text/css"> 
    .sigRow { margin: 1px; font-size:9pt; font-family:"Arial",sans-serif;} 
</style> 
<p class="sigRow">One line</p> 
<p class="sigRow">Two line</p> 
<br>