CSSレスポンシブでYouTubeやGoogleMapの埋め込みを縦横の比率を保ったまま表示させる方法

2018.08.20 munehiro

YouTubeやGoogleMapをホームページに埋め込んだ場合、スマホで表示すると画面からはみ出したり縦長になってしまいます。 PCで表示すると横長の長方形で見やすくてちょうどいいんですけどね。下の画像は縦長表示の例…

レスポンシブcssでtableを縦表示したり横スクロールする方法

2018.08.19 munehiro

レスポンシブ対応を行うとどうしても画面が崩れてしまう部分が出てきます。僕が作ったサンプルページでもメニューやテーブル、サイドバーなどはまだまだ調整が必要です。メニューはCSSだけでは対応出来ないので今回はテーブルをレ…

CSSでレスポンシブ対応をするときの一番最初にする対策の書き方

2018.08.18 munehiro

サイトによりますが、最近はスマホからのアクセスが8割ほどあります。そのためスマホ対策は必須だと言えるでしょう。レスポンシブとは、例えばスマホで開くとスマホ用のデザイン、PCで開くとPCのデザインでページが表示される仕…

レスポンシブ