css - 关注 Twitter 跨浏览器的按钮

标签 css iframe twitter cross-browser

我想在我的 mean-stack 网页上添加一个 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"
    width="80"
    height="30"
    style="border: 0; overflow: hidden;"></iframe>

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

enter image description here

有谁知道如何修改代码以使其在跨浏览器中显示良好?

最佳答案

尝试添加 scrolling="no"<iframe> .

<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"
    width="80"
    height="30"
    style="border: 0; overflow: hidden;"
    scrolling="no">
</iframe>

关于css - 关注 Twitter 跨浏览器的按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47167931/

相关文章:

jquery - 使用 jQuery 更改元素的背景图像不会占用

html - 如何使用 CSS 垂直对齐图像旁边的多个文本?

css - 当分辨率低于 768px 时,bootstrap 3 中的响应表加入

ios - 更改 Twitter Fabric 应用程序的组织

javascript - DIV 中的文本对齐(TEXT 没有空格)

css - 把DIV带到iframe FLASH前面

javascript - jquery查找并替换iframe src

html - iFrame src 中的 HSTS

python - 使用 Python 的 Twitter API 出现问题

python - 如何使用字典列表中的值更新 Pandas 数据框?