html - Web ページをモバイルおよびタブレット スペースに移行する

Question

今後数週間かけて、ウェブページのコンテンツをモバイル バージョンとタブレット バージョンに移行する予定です。この影響についていくつか質問があります。

1. ユーザーが使用しているデバイス/ブラウザに応じて、ユーザーを正しいサイトに誘導するために受け入れられている方法は何ですか? (つまり、PHP である種のブラウザ タイプか何かをチェックしますか)? すべてのデバイス/解像度でうまく表示される素敵な CSS グリッドを調べましたが、現時点では完全に切り替える準備ができていないため、現在のサイトの縮小版 (リダイレクトまたはその他のものを介しています）。

2. モバイルおよびタブレット空間でのホバー/マウスオーバー効果をどのように説明しますか?

皆さんありがとう。

更新: #1 でこれを見つけました: http://code.google.com/p/php-mobile-detect - 実際には完璧なようです。

Answer 1

1. ユーザー エージェントに基づいてユーザーをリダイレクトする必要があります。PHP では、$_SERVER['HTTP_USER_AGENT']. サーバー側の検出を使用することは、誰かをリダイレクトする最も信頼できる方法です。将来的には、レスポンシブ スタイル シートを使用してレイアウトの表示方法を変更することを検討することもできます (画面サイズに基づいて、将来のデバイスではある意味でより信頼性が高くなります)。

2. タッチ デバイスにはホバー状態がありません。これは、一部の Javascript onTouch イベントでホバー状態を実行できないという意味ではありませんが、アンカーのようなものに触れるとオンまたはオフになります。