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

Question

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

Answer 1

我还尝试了许多不同的基于CSS或基于javascript的解决方案。最后我最终得到了iframe resizer script，它可以单独使用，也可以作为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>';