facebook - 如何创建响应式共享按钮

Question

我正在尝试创建响应页面大小的社交共享按钮，例如Techcrunch或Business2Community在他们的文章中所做的。您会注意到，一旦缩小窗口，按钮就会跳到标题上方。谁能告诉我这是怎么做到的？

Answer 1

他们使用媒体查询来应用不同的样式，这是 RWD 背后的基本思想。

http://www.alistapart.com/articles/responsive-web-design/

http://stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries

http://www.w3.org/TR/css3-mediaqueries/

Answer 2

我会查看https://www.addthis.com（专业版，每年 99 美元）。“专业版”为您提供了在 Techcrunch 网站上针对这些共享按钮显示的所有移动响应功能。我会这样做，而不是试图重新发明轮子。