Question

另一个与Facebook“Like”iframe有关的问题：我根本不明白它的宽度来自哪里。请查看以下代码

<html>
<body>
Test<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.google.com&amp;send=false&amp;layout=button_count&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px;" allowTransparency="true"></iframe>Test
</body>
</html>

这是在页面中包含Facebook's "Like" button的最小演示。您会注意到按钮周围的“测试”字距相隔很远。 Inspector工具显示iframe的宽度精确为300px。但是，浏览iframe的DOM树，我找不到会导致iframe扩展到该宽度的单个元素或样式。 iframe中加载的页面使用的CSS甚至没有提及与300px相关的任何内容。

这对我来说很奇怪，但在浏览器中是一致的。最后，我希望iframe只是简单地适合它的内容（参见我之前的问题），但是现在，我会满足于简单地知道为什么它甚至会扩展到300px宽度。

Answer 1

至少我终于解开了这个谜团：

300px x 150px是Firefox，Chrome和其他一些浏览器中的默认iframe尺寸。检查员没有证明这一点，这是一种耻辱。

这个iframe的宽度来自哪里？

1 个答案: