如何创建响应式共享按钮

Posted 2023-03-07

【中文标题】如何创建响应式共享按钮

【英文标题】：How can I create responsive Sharing Buttons

【发布时间】：2012-06-06 16:36:16

【问题描述】：

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

【参考方案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/

【参考方案2】：

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