http://pokebuizu.blog.fc2.com/
ブログトップへ

カスタムプラレール、鉄道、お絵かき(ポケモン・その他)の記事が主体のブログです。

拡張スペース(現在工事中です..)
赤アメ初となる運転会のサイトを構築中です。

QRコードでの読み取りや移動中の閲覧を考えると
主なユーザーは「スマホ」もしくは「タブレット」だと判断し、
さまざまな機器で閲覧できるようレスポンシブウェブデザインを
採用し、スマホ版とPC版を同一URLで表示できるようにしています。

2015-07-10_07-34-12_+0000-1145003037.png
PC・タブレット・スマホは家にあるので、もう実質3画面体制で
HTMLおよびCSSの構築を開始しましたが、
タブレットがあると作業の進みが早いですね。

スマホ版はiPhone6に最適化させているので
一部の機種では多少不恰好になるかもしれませんが、
さまざまな機種に対応できるよう工夫しています。

苦労したのはスマホやタブレットにある横表示や縦表示。
iPhoneなどのスマホでは原則どちらで表示しても
問題なく快適な表示ができるように工夫しました。

タブレットでは横表示だと基本的にパソコン版ですが
縦表示にするとスマホ版になるようにしています。
一部のタブレットではどちらもパソコン版になってしまいますが…。

パソコンで表示した場合はもちろんパソコン版が表示されます。
ただし、とある方法でスマホ版の表示にもできます。

基礎的な部分は完成しているので、
近いうちに公開できると思います。


コメントお待ちしております!

にほんブログ村 鉄道ブログ プラレールへ

ランキング参加中です。
よろしければクリックお願いします!

新しい記事lホームl古い記事
いつもブログをご覧いただきありがとうございます。
関連記事
コメント
コメントの投稿
URL:
本文:
パスワード:
非公開コメント: 管理者にだけ表示を許可する
 
トラックバック URL
http://pokebuizu.blog.fc2.com/tb.php/905-a0a97623
この記事にトラックバックする(FC2ブログユーザー)
トラックバック