html - 带有下载按钮的电子邮件中的粘性页脚

几天前，我收到了来自LinkedIn的电子邮件，其中提供了一个新的LinkedIn应用（LinkedIn职位搜索）。贴在屏幕底部的页脚栏使我感到惊讶。

我很好奇如何构建它！ Google并没有进一步帮助我，我之前也没有看到过。谁能进一步帮助我？

最佳答案

您可以使用position: fixed;和许多支持媒体查询的移动客户端来实现。 position: fixed;变得更多problematic on desktop and web clients，但是如果将行为包装在媒体查询中，则效果很好：

的CSS

@media only screen and (max-width: 768px) {
    .fixed {
        position: fixed;
        bottom:0;
        left: 0;
        right: 0;
    }
}

的HTML

<div class="fixed">
    <A href="#">LinkedIn Ad</a>
</div>

注意：这不适用于不支持媒体查询的移动客户端（例如Gmail）。

关于html - 带有下载按钮的电子邮件中的粘性页脚，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39225572/