網站崁入google表單，google表單響應式教學

google表單是很好用的工具，很多人都會直接在網站崁入google表單來使用，可是直接使用google給予的崁入語法，google表單會因為使用手機觀看而跑版；對於手機使用者相當不方便。其實只要簡單地修改語法就可以讓google表單成為響應式，隨著瀏覽裝置變更而自動修改表單寬度喔！！

google表單崁入語法取得位置
傳送>崁入HTML

直接使用google給予的語法，會造成手機顯示跑版的問題。

<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSfnif4SK37L-gQpVTt4fQR-Qhl4mxTMw5j0pFuE2NPGYAmvOQ/viewform?embedded=true" width="760" height="500" frameborder="0" marginheight="0" marginwidth="0">載入中…</iframe>

直接使用google給予的語法，會造成手機顯示跑版的問題。

修改語法如下
將其原本的width="760"改為width="100%"，就可以讓google表單隨手機畫面調整寬度。

<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSfnif4SK37L-gQpVTt4fQR-Qhl4mxTMw5j0pFuE2NPGYAmvOQ/viewform?embedded=true" width="100%" height="500" frameborder="0" marginheight="0" marginwidth="0">載入中…</iframe>

將其原本的width="760"改為width="100%"，就可以讓google表單隨手機畫面調整寬度。

如果想要讓google表單右側的scroll卷軸消失，也可以加入語法scrolling="no"，並且指定表單高度height="　"（我的表單高度為1760所以設定為height="1760"）．

<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSfnif4SK37L-gQpVTt4fQR-Qhl4mxTMw5j0pFuE2NPGYAmvOQ/viewform?embedded=true" width="100%" height="1760" frameborder="0" marginheight="0" scrolling="no"  marginwidth="0">載入中…</iframe>

可以加入語法scrolling="no"，並且指定表單高度height="　"，讓google表單右側的scroll卷軸消失。

google表單改成響應式的範例參考：
​https://www.iok.com.tw/network-marketing-teaching.html

---

您喜歡此篇教學文章嗎？歡迎加入我們的FB粉絲、Line@，追蹤SEO的最新資訊！！
【文章歡迎轉載，記得幫我們標註出處或連結喔~】