So-net無料ブログ作成
検索選択

いまさらながらのソネブロでの「スマホ・モバイル」対応について [PC・ソフト関連]

いまだ、スマホを持たない小生ですが、
Twitterでこちらの記事を知り、

[CSS] スマホ対応は超重要! 私が最低限やっている5つのこと
http://yossense.com/css-for-smartphone/

遅ればせながら、スマホ・モバイル対応設定を
追加しました。

上記の記事にあるCSSを追記するのですが、
本ソネット・ブログの場合、
管理ページの「デザイン」-「テンプレート管理」の
使用しているテンプレートの編集画面に
追加記述すればOKのようです。

で、肝心の表示確認ですが、
Google Chrome であれば「デベロッパーツール」を
開けば、スマホ・モバイルPADの代表機種での表示を
確認できます。
(Chromeは至れり尽くせりですわい)

以下、事例です。
◆ 「Device」を選択します
Mobile表示例2.GIF
◆「Portrait」から「Landscappe」にしてみます
 (スマホを横にしたときの表示がLandscapeです)
Mobile表示例3.GIF

スポンサードリンク


nice!(2)  コメント(1)  トラックバック(0) 

nice! 2

コメント 1

Kimball

◆あとりえSAKAさん、
ナイスありがとうございました!!

◆ba42381さん、
ナイスありがとうございました!!
by Kimball (2016-03-02 06:43) 

コメントを書く

お名前:
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

トラックバック 0

この記事のトラックバックURL: