gpt4 book ai didi

html - 电子邮件签名(特别适用于 Gmail 应用程序的移动设备)

转载 作者:行者123 更新时间:2023-11-28 05:17:12 30 4
gpt4 key购买 nike

我正在尝试专门为 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 中将窗口拉伸(stretch)得更小时(这导致宽度更小)。

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

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

如果有人知道如何解决这个问题,请提供帮助,这样即使窗口被拉伸(stretch)到最小宽度,图标仍然会粘在同一行上。 (这也可能被证明是移动友好的)

最佳答案

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

font-size:4vw;

这样做会根据宽度减小图标大小。

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

您可以为不同的屏幕尺寸设置 2 个不同的表格。并使用媒体查询切换可见性。

关于html - 电子邮件签名(特别适用于 Gmail 应用程序的移动设备),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39253478/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com