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卷軸消失。
您喜歡此篇教學文章嗎？歡迎加入我們的FB粉絲、Line@，追蹤SEO的最新資訊！！
【文章歡迎轉載，記得幫我們標註出處或連結喔~】
