好的，所以我试图在网站上嵌入一个Facebook页面，并且遇到了响应设备宽度的问题。我在这个网站上看到Facebook页面插件的最大宽度为500px，如果adapt_container_width设置为true，iframe的内容应缩小以填充容器宽度。我已将iframe宽度设置为100%但是当我在具有小屏幕的设备（即iPhone）上查看时，iframe的内容不会调整大小而是被裁剪。
这是我使用的iframe代码：
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FFacebook%2F%3Fref&tabs=timeline&width=500&height=500&small_header=true&adapt_container_width=true&hide_cover=true&show_facepile=false&appId=526762070849187" width="100%" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowtransparency="true"></iframe>
有什么想法吗？