端末への対応をもう一度真面目に考えてみる

無料のワードプレステーマ GEMSTONE

公開後、久しぶりに ipad で見てみました。
すると、なんということでしょう。

予想とだいぶ違う表示になっていてビックリでした。
ということで、設定を少々いじってみました。

.wrapper クラスの追加
横幅1200px以下だとコンテンツの左右パディングが20pxになるのを10pxに調整するため。.wrapper クラスは .col-1-1 と一緒に使うときだけ反映可能。
テンプレートの調整
.wrapper クラスの追加に合わせて、すべてのテンプレートの左右パディングを10pxに調整。
ブレイクポイントの調整
パーツによって反映させるメディアクエリを 768px と 767px に分けました。
is_mobile 関数を使った条件分岐
ヘッダー右上ボタンを一部変更。パソコンのみダウンロードボタン表示。スマフォのみラインボタン表示。

以上です。

この記事のタグ

デフォルト画像スマフォから投稿 前の記事

次の記事 初めてのバグ デフォルト画像

コメントは停止中です。