1. TOP
  2. Blog
  3. ブログ用アンケートつくりました【iframeがスマホではみ出る問題】

ブログ用アンケートつくりました【iframeがスマホではみ出る問題】

ブログ用アンケートつくりました。
アンケート機能を設置するまでに散々格闘しましたが無事設定完了。



スマホではみ出る問題

Googleフォームの機能を使って作ってるんですが
iframeで埋め込みをした際に、スマホで見た時に右端がはみ出る問題発生。

レスポンシブデザイン対応してるはずなのにおっかしいなぁ〜とCSSで色々いじっても全くダメでした。
同じiframe対応してるYoutubeとかはちゃんと表示されるのにGoogleフォームだけはみ出るんです。
GoogleフォームをやめてJetpackプラグインコンタクトフォームを使用してみるも、何か納得いかない。
3時間くらい超絶イライラしながら格闘し、下記サイトに行き着く。

 

iPhoneとiPadでiframeの高さの指定ができない

 

 

 

 

このサイトの記述でスマホで見た時に、フォーム内にスクロールバーが入るように。
はみ出なくなりました。
解決解決。

 

というわけで出来たアンケートが下記になります。
今後のブログ運営の参考にさせて頂くので、良かったら答えていってもらえると嬉しいです

 

コメントを残す