电子邮件签名（专为Gmail应用程序设置的移动设备）

Question

我正在尝试专门为Gmail App创建电子邮件签名。很遗憾，媒体查询与Gmail应用不兼容。所以我尝试从http://webdesign.tutsplus.com/tutorials/creating-a-future-proof-responsive-email-without-media-queries--cms-23919学习流体混合方法来创建一个移动友好的电子邮件签名。以下链接仅表示样本的一部分。

http://jsbin.com/supixiquji/edit?html,css,output

所以问题是，当我尝试在jsbin中拉伸窗口时更小（导致更小的宽度）。

a）第一部分有很多单词会自动重新调整以适应较小的宽度但是

b）第二部分有twitter，fb和googleplus标志。当我尝试拉伸它时，图标不会根据较小的宽度重新调整并转到下一行，而不是与wwe.com保持同一条线。

如果有人知道如何解决问题，请提供帮助，以便即使窗口拉伸到最小宽度，图标仍然会粘在同一条线上。 （这也可能证明是移动友好的）

Answer 1

最好的方法是使用Font Awesome图标并使用vw设置字体

font-size:4vw;

执行此操作会根据宽度缩小图标大小。

OR

为什么不尝试将内容保存在表格中。并以百分比表示表格宽度。并使用媒体查询根据需要放置它们。

OR

对于不同的屏幕尺寸，您可以有2个不同的表格。并使用媒体查询切换可见性。