BLOG

Google Formの埋め込みをレスポンシブ対応させるだk

https://docs.google.com/forms/d/e/xxxxxxxx/viewform?embedded=true

こんな感じのURLをサイト上に埋め込もうと思った時にレスポンシブ対応しない問題点が出てきます。

これはGoogle Form がデフォルトではレスポンシブ対応していないからです。

今回は簡単な css だけですぐにレスポンシブ対応できるコードをご紹介します。

iframe[src^="https://docs.google.com/forms/d/e"] {
  width:100%;
}

これだけです。

クソ簡単。

以上