遠太のエコボランティアブログ
 九州は福岡県中間市で展開しているボランティアの記録

遠太のエコボランティアブログ 九州は福岡県中間市で展開しているボランティアの記録

記事一覧  管理画面

home 未分類 180123 レスポンシブ対応その2

180123 レスポンシブ対応その2

前回の記事で、「レスポンシブ未対応なのに、グーグル様から認定いただきました。」と、紹介しましたが、グーグルの「モバイルフレンドリー」も完ぺきではないとのことでした。

・・・で、試行錯誤しながら、レスポンシブ化、再度挑戦しまして、これでどうでしょうか。
180123-00.jpg

みなさんの言われるようにワンカラムにしてみました。ただ、サイドを下に落とすやり方ではありません。

やはり、プロフィールは、記事と同様に見て頂きたいという思いで、ヘッダーの下に持ってきました。後は、画面幅に応じて改行を調整しながら徐々に捨てていきます。
180123-01.jpg
180123-02.jpg
180123-03.jpg
180123-04.jpg

PC画面で画面の幅を可変してみていただければ分かるかと思います。

HTMLにスタイルを書き込んだ状態です。一部CSSに書き込んだものもありますが、CSSにまだ纏めきれてはいません。(クラス名を付けるのが面倒ですね・・・)

ブログランキングに参加しています。応援よろしく です。
ブログランキングに参加しています。
応援よろしく です。
トラックバックURL
https://onta0001.blog.fc2.com/tb.php/242-4a49e904
トラックバック
コメント
管理者にだけ表示を許可する
 
  プロフィール

遠太

Author:遠太
九州は福岡県中間市で環境保全や地域に関するボランティア活動中。
できる時にできる範囲で。そこには、ノルマも強制も義務もありません。
  ランキング参加
FC2ランキング にほんブログ村 環境ブログ 環境ボランティアへ
にほんブログ村 家族ブログ 仲良し家族へ にほんブログ村 地域生活(街) 九州ブログ 北九州情報へ
FC2ランキング
にほんブログ村 環境ブログ 環境ボランティアへ
にほんブログ村 家族ブログ 仲良し家族へ
にほんブログ村 地域生活(街) 九州ブログ 北九州情報へ
  今後の清掃予定
  最新記事
  リンク
  カテゴリ