Mobile 调整iframe的大小以适应joomla中的移动浏览器

如何在joomla中编写iframe以适应移动浏览器的宽度？我在文章中加载了一些iFrame，但当我在移动设备上查看它们时，它们是全尺寸的，而不是调整大小以适应需要。

我还尝试了许多不同的基于css或javascript的解决方案。最后，我得到了一个可以独立使用的jQuery插件，或者作为jQuery插件使用的jQuery插件。您甚至可以在iframe内容中包含第二个脚本，如果iframe在高度和宽度上进行了调整，该脚本将返回报告

$doc = JFactory::getDocument();
$doc->addScript(JURI::base() . 'components/com_demo/libraries/iframe-resizer/jquery.iframeResizer.min.js');
$doc->addScriptDeclaration("jQuery(document).ready(function() {
    jQuery('iframe').iFrameResize({log: true});
});");

echo '<iframe src="my_url"></iframe>';

$doc=JFactory:：getDocument（）；
$doc->addScript（JURI:：base（）.“components/com_demo/libraries/iframe resizer/jquery.iframeresiszer.min.js”）；
$doc->addScriptDeclaration（“jQuery（document）.ready（function（））{
jQuery（'iframe'）。iframesize（{log:true}）；
});");
回声'；

您是否尝试过自己的CSS代码？是的，我有iframe大小调整功能，通常使用width:95%调整浏览器宽度；但它在移动设备上不起作用。这很可能是因为里面的内容有一个设定的宽度，因此迫使改变。您需要确保内部内容具有流体宽度。如果iframe内部的内容来自外部源，则会发生什么情况。内容来自何处并不重要，重要的是应用了什么样式。假设您的iframe设置为95%，您的表单内部设置为700px，因此，它将重叠容器的边缘，因此没有响应。谢谢，我将把它放在我的joomla站点的何处？（对不起，我是一个初学者，但我很擅长把事情弄清楚）