Oct.24, 2015 - 06h43m57s
  • スマホ版UI始めました(驚)

始めてましたが正解だけど…

このブログエンジンは
設計自体は古いので当然、
スマホ対応の構想は全くありませんでした。

スマホ用の
テンプレートを用意するのも
面倒だしどうしようか?って
あれこれ考えたけど何とかスタイルシートを
やりくりして実現してみました。

それでも
モバイルフレンドリーテストは
無事にクリア、めでたし、めでたし^^


ちなみにスマホを
横向けにするとPC版になります。

…ついでにメータコレクション(00000)

このブログエンジンは
1枚のイメージをアップする際に
拡大用とサムネイル用の計2枚のイメージが
アップされる仕様です。

サムネイル用を
スマホ版で見るとイメージが
かなり荒くなるので解像度を上げました。

拡大用の解像度も
少しばかり上がってます。

今までのイメージを
全てアップし直すのは
お手間入りなのでやりませんが…。

容量が倍くらいに
なってしまったのは痛いけど、
メタコレのオドメーターとかが
見にくいのは我慢ならないので、

まぁいいや。

せっかくなので
新旧イメージの違いを
スマホにてご堪能下さい。

今までがこちらで…


これからがこちら…

…それにしても
曇ってないSPメーターって
素晴らしいなぁ…。

達成日: 08.13, 2013
車種: SR500

// postscript on Nov.1, 2015 - 6h34m3s
iPhone5s/iOS8.1.1でスマホ版の
画面崩れを確認。友人に協力して貰って軽く
テストしたけど、SafariでもLINEのブラウザでも
同じ症状なのでOSのver.かしら…。

// postscript on Dec.8, 2015 - 14h34m17s
画面崩れ解決しました。
CSSの親要素にwidthの設定が残ってた…。
  • posted at:
  • Oct.24, 2015 - 06h43m57s
  • modified:
  • May.20, 2019 - 23h26m03s
  • category:
  • パソコンとプログラム
  • tags:
  • SR メタコレ mLabo
  • description:
  • スマホに対応しました
  • trackback:
  • https://mlabo1977.sakura.ne.jp/mlabo1977/tb.php/80