橋本充電中

(2024/02/12)SNS”Bluesky”でアカウント開設しました→茶畑相談役 (@jyuden.com)

目指せレスポンシブ化!スマートフォン向け表示に対応しました

記事内にアフィリエイト広告が表示される場合があります

スマホでも、タブレットでも、橋本充電中。
橋本充電中では、スマートフォン・タブレット端末からのアクセスが日々増えているため、ページデザインを一部リニューアルし、端末ごとに表示を最適化するようにしました。

表示サンプル

スマートフォン縦画面を想定した表示
▲スマートフォン縦画面を想定した表示

スマートフォン横画面~タブレット端末向け
▲スマートフォン横画面・タブレット端末を想定した表示

タブレット端末・PCブラウザ上(横幅~1024px以下)を想定した表示
▲タブレット端末・PCブラウザ上(横幅~1024px以下)

表示確認ブラウザ

  • Google Chrome 30.x
  • Internet Explorer 10.x
  • Internet Explorer 9.x(IE10開発者ツールのブラウザーモードで確認)
  • Internet Explorer 8.x(IE10開発者ツールのブラウザーモードで確認)
  • Mozilla Firefox 23.x
  • Android ブラウザ
  • Sleipnir Mobile for Android 2.12.0

古いブラウザではページが正しく表示できない可能性があります。

まだ一部表示が怪しかったりしますが、修正できそうなところからちょくちょく手直ししていきます。あとは読み込みが重いのでキャッシュの設定やWordPressのプラグインの見直しもしなきゃ…。

この記事のタグ

タイトル&URLをコピーする▼

目指せレスポンシブ化!スマートフォン向け表示に対応しました|橋本充電中 - https://jyuden.com/manage/responsive-test/

前後の記事

[広告]橋本充電中はさくらのレンタルサーバで運用中