スマホ対応のデザイン

先生に質問

media queryでスマホ対応にしようと思い、作業中です。

参考にと思いhttp://www.malebranche.co.jp/
を見ました。画面横幅をせばめるとメニューが縦並びになります。その際にスマートフォン対応サイトへと出てきます。
それをクリックして見る(PCで)のと、実際スマホで見るのとでは、レイアウトが違います。PCで見ると、左側にサイドメニュー的なものがあります。

これは、どういうことでしょうか?

スマホ用に、別にサイトを作り、modanizerとかで
分岐して表示させてるのですか?

カテゴリー: 質問と回答 | タグ: | 投稿日: | 投稿者:
真中のぶ

真中のぶ について

The B.B.BoogieというバンドでVocalをしています。サーフィンもします。シングルフィンのクラッシックなロングボードに乗っています。ウェブデザイナーでもあります。タカハシ先生の一番弟子ですが時々すっとこどっこいな質問をして校庭10周と言われます。「パソコン倶楽部りんご」は僕が命名しました。ジョブズさんに敬意を表して。好きなcssはmargin{0 auto;}

スマホ対応のデザイン」への1件のフィードバック

  1. タカハシ先生タカハシ先生

    ジャンプ先が http://www.malebranche-shop.jp/ でしたら、そこは http://www.malebranche.co.jp/ とは別ドメインで別システムで動いています。具体的には、media queryではなく、phpでブラウザのユーザーエージェント情報を元にテンプレートの振り分け行っていて、違うphpのテンプレートになっています。

    デスクトップでスマホアクセスの状態を見たい場合は、Safariの開発メニューでユーザーエージェントをiOSに偽装してアクセスして確認しています。

    http://www.malebranche.co.jp/ については、そのページだけ、media query を使ってレイアウトを変えています。そこから先の http://www.malebranche.co.jp/ 配下のページについては、デスクトップ用のCSSしか実装されていません。

    返信

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


This site uses Akismet to reduce spam. Learn how your comment data is processed.