attention admin about comments trackbacks you may also like

レスポンシブ対応その2

2018年01月23日
ブログいじり
0

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

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

180123-00.jpg

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

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

180123-01.jpg
180123-02.jpg
180123-03.jpg
180123-04.jpg

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

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

関連する記事
遠太
Author: 遠太
九州は福岡県中間市で環境保全や地域に関するボランティア活動中。
できる時にできる範囲で。そこには、ノルマも強制も義務もありません。

コメント(0)

There are no comments yet.