メンタルコーチング&グラフィックデザイン TAKO・萩本孝子

メンタルコーチング&グラフィックデザイン TAKO・萩本孝子

フリーランスでグラフィックデザインとメンタルコーチングをしています。
楽しく、面白く、時々落ちこんだり、グダグダしながら、自分らしく生きるってどういう事? と今も探しながら、一歩一歩すすんでいます。

 

TAKOです。

ど〜も^^

 

またひどい台風くるかと、いろいろ準備して身構えていましたが、

ここ滋賀では、ほとんど雨も風もたいした事なく、

する〜っと通り過ぎっていったみたいです。

 

何事もなくよかったよかった😅

 

     へんてこなエネルギーが足りないっ!




猫の話や、その他、徒然の記事は相変わらず趣味のブログで更新中。
よければ、こちらも見てねf^^
→ へんてこなエネルギーが足りないっ!

 

さて、今日は、ちょっと技術的な記事。

覚書 & 誰か困って検索したら、たどり着くかなとf^^

 

 

<Googleフォーム埋め込みのすごく簡単なレスポンシブ対応について>

 

今、Jimdoを使った初心者向けの講座を作っているのだけど、

その中で、今回 Googleフォームの埋め込みをやろうかと思っている。。

 

で、埋め込みは比較的簡単にできたのだけど、

これスマホで見ると、フォームがはみ出す💦

 

で、レスポンシブ対応にするには、どうしたらいいか検索すると

CSSで設定する方法がいくつか出てきたのだけど、

これは、初心者には難しすぎる😅

 

で、どうしようかなぁ〜 と思っていろいろテストしてみた。

 

 

 

通常は、Googleフォームの埋め込みコードをコピーして貼り付け。

 

 

だけど、それだと、スマホで見た時に

はみ出してしまうので

widthとheightを100%にしたらいいんじゃないかと単純に考えてやってみた。

     ↓

     ↓

↓wight="100%" height="100%"

↓そしたら、こうなった😅

途中でブチ切れてしまった💦

 

で、う〜ん、なんか簡単でいい方法ないかいなぁ〜 とあれこれ試した結果

↓wight="100%" height="856"(←最初のコードに入っていたサイズ)

↓と入れたら、

 

 

おおおお〜!

入ったではないか😊

 

スマホで見ると、ほんのちょっと下が切れるけど、まぁ、許容範囲かと。

 

 

f^^; もしかしたら、邪道の方法かもしれませんが💦

その場合はすみません💦💦

 

一応、メモ的に記事にしときます〜

 

 

ではパー

 

Ameba人気のブログ

Amebaトピックス