电子邮件签名(专为Gmail应用程序提供的移动友好)

Question

我正在尝试创建一个专门为Gmail应用程序的电子邮件签名。不幸的是，媒体查询与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-size:4vw;

这样做将减少图标的大小取决于宽度。

或

你为什么不试着把内容保存在表格里呢？并给出表宽的百分比。并根据需要使用媒体查询来放置它们。

或

对于不同的屏幕大小，您可以有两个不同的表。并使用媒体查询切换可见性。