嵌入Xoops 的模組 TinyD0的網頁，如何自適應

1.xoops 的網頁是可以自適應，想要在xoops的首頁嵌入自己做的網頁。

嵌入html 語法為
<iframe src="嵌入目標" width="寬度" height="高度" frameborder="邊框參數" scrolling="卷軸參數"></iframe>

壹、關鍵做法.只要在上述語法上，加上下列紅色的語法，即可
<style type="text/css">.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
  .embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
</style>

<div class="embed-container">

<iframe src="嵌入目標" width="寬度" height="高度" frameborder="邊框參數" scrolling="卷軸參數"></iframe>

</div>

貳、詳細作法

1.在原本的xoops 安裝TinyD嵌入內容模組   安裝作法2.設定網站首頁所用模組為無
 

3.在區塊管理將TinyD 0 內容放ˊ置在"上中"，設定如下圖

4.在模組TinyD0加入內容，將關鍵語法加入，與做相關的設定。

參考資料：
1.HTML iframe 框架語法
http://www.webtech.tw/info.php?tid=99

2.Embed Responsively線上iframe嵌入網站自適應產生器(YouTube、Vimeo、Dailymotion、Google Maps)

https://www.minwt.com/webdesign-dev/html/19627.html