1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

ちょこっと修正して、Google Formをレスポンシブに表示する

Posted at

Google Formをそのまま埋め込むと、スマホで見たときに
表示がはみ出ました。

右側が切れてしまっています。

image.png

そこで、レスポンシブにする方法をググって見つけたので
書いておきます。
ここに解決法が書いてありました。

Google Formをレスポンシブにするには、
<iframe src="~" width="100%" height="800" frameborder="0" marginheight="0" marginwidth="0">読み込んでいます…</iframe>
とあるところの、width="640"のように直接サイズが書かれているところをwidth=100%のように%で指定するように変更します。

変更してみると、きっちりスマホでもはみ出さずに表示されるようになりました。

image.png
1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?