Twitter跨浏览器关注按钮

Posted

技术标签:

【中文标题】Twitter跨浏览器关注按钮【英文标题】:Follow Button of Twitter cross-browser 【发布时间】:2018-04-20 10:40:56 【问题描述】:

我想在我的平均堆栈网页上添加 Twitter 的关注按钮。我使用以下代码:

https://jsbin.com/herikik/3/edit?html,output

  <iframe
    src="https://platform.twitter.com/widgets/follow_button.html?screen_name=Google&show_screen_name=false&show_count=false&size=l"
    title="Follow us on Twitter"
    
    
    style="border: 0; overflow: hidden;"></iframe>

在 Mac 下的 Chrome 中运行良好。但是在Windows下的Chrome和Edge中却显示:

有谁知道如何修改代码以使其能很好地跨浏览器显示?

【问题讨论】:

尝试将scrolling="no" 添加到&lt;iframe&gt; 【参考方案1】:

尝试将scrolling="no" 添加到&lt;iframe&gt;

<iframe
    src="https://platform.twitter.com/widgets/follow_button.html?screen_name=Google&show_screen_name=false&show_count=false&size=l"
    title="Follow us on Twitter"
    
    
    style="border: 0; overflow: hidden;"
    scrolling="no">
</iframe>

【讨论】:

以上是关于Twitter跨浏览器关注按钮的主要内容,如果未能解决你的问题,请参考以下文章

如何检测浏览器后退按钮事件 - 跨浏览器

如何解决IE浏览器跨域问题

使用数字键盘但没有箭头按钮的跨浏览器数字输入

跨浏览器剪贴蒙版

CSS CSS格式链接,按钮和提交是相同的样式(跨浏览器)

如何通过javascript插件/扩展程序隐藏地址栏,菜单栏等来操纵跨浏览器窗口?