赤アメ初となる運転会のサイトを構築中です。

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


PC・タブレット・スマホは家にあるので、もう実質3画面体制で
HTMLおよびCSSの構築を開始しましたが、
タブレットがあると作業の進みが早いですね。

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

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

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

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

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


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



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

新しい記事lホームl古い記事
いつもブログをご覧いただきありがとうございます。