調整iframe以適應joomla中的移動瀏覽器

如何在joomla中編寫iframe以適應移動瀏覽器寬度？我在文章中加載了一些iframe，但是當我在移動設備上查看它們時，它們是全尺寸的，而不是調整大小以適合它們。調整iframe以適應joomla中的移動瀏覽器

2014-03-31 user3446988

你有沒有嘗試過自己的任何CSS代碼？ – Lodder

是的，我有iframe調整大小，通常使用寬度爲我的瀏覽器寬度：95％;但它不適用於移動設備。 – user3446988

這很可能是因爲裏面的內容具有設定的寬度，因此會強制更改。如果iframe中的內容來自外部來源，則需要確保內部內容的流體寬度也爲 – Lodder

我也嘗試了很多不同的基於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>';

來源

2014-04-01 06:18:45 Laoneo

謝謝，我會在哪裏把這個在我的joomla網站？（對不起，我是一個初學者，但很善於處理事情） – user3446988

在渲染iframe的視圖中，更新了我的答案。 – Laoneo

調整iframe以適應joomla中的移動瀏覽器

回答

相關問題