0

ユーザーが 1024x600 未満の解像度を使用している場合、サイトのモバイル バージョンにリダイレクトする必要があります。解像度が 1024x600 未満の場合、モバイル バージョンにリダイレクトされます。私はそれが良い習慣であるかどうか（スクリプトを使用してリダイレクトする）かどうか心配しています.それが今なら何を提案しますか（私が知る限り、PHPはブラウザの解像度を検出できないため）?

任意の提案をいただければ幸いです、ありがとうございます。

PS。私は、解像度 1024x600 以上では見栄えのするフルハイトの Web サイトを使用していますが、小さいものでは見栄えがよくないため、フルハイトの Web サイトとモバイル サポートに合わせてモバイル バージョンを作成しました。高解像度のモバイル デバイスで標準の Web サイトにアクセスしたいので、ブラウザー検出を使用したくありません。

編集：私はフルハイトの単一ページの水平方向のサイトのデザインを受け継がれ、レスポンシブにするのに苦労していました（コンテンツが流動的である場合、垂直スクロールなしでフルハイトにはなりません）。モバイル版。

4

3 に答える 3

4

特定の状況に応じて、別のページにリダイレクトすることはまったく問題ありません。しかし、それを行うための他のより良い方法がいくつかあります。

問題を解決するには、レイアウトの種類について学びます。

流動的なレイアウトは、お客様の要件に最適です。理想的には、さまざまなビューポートに同じスタイルシート セットを使用する必要があります。

jQuery mobileの Web サイトを見てください。ブラウザ ウィンドウのサイズを変更してみて、コンテンツが自動的にウィンドウに「収まる」ことを確認してください。同じことをしなければなりません。:)

その流動的なレイアウト。:)

PS : CSS メディア クエリを使用しないことをお勧めします。もちろん、それらはあなたの生活をずっと楽にしてくれますが、CSS のスキルを本当に向上させたいのであれば、高度な機能を最小限に抑えて物事を構築してみてください.

于 2012-08-29T05:55:06.293 に答える
1

おそらくベスト プラクティスは、モバイル サイトとデスクトップ サイトが根本的に異なる場合を除き、CSS メディア クエリを使用して、ユーザーの画面サイズに基づいて異なる CSS を提供することです。

PHP がエンド ユーザーの画面サイズを判断できないというのは、あなたの言うとおりです。

于 2012-08-29T05:48:36.120 に答える
0

最もクリーンなデザインは、サーバーから HTML/JS/CSS の 1 つのセットを取得し、CSS メディア クエリや JavaScript の組み合わせを使用して、ページが利用可能な画面サイズに適応する場合です。

それができない場合、またはサーバーから別の HTML を取得したい他の理由がある場合は、クライアント側のリダイレクトを常に回避する方法を見つけるのが最善です。モバイル）。

一部のサイトでは、ブラウザーに画面解像度を持つ Cookie を設定します。サイトへの最初のアクセスを除いて、サーバーはサイトをレンダリングする前に Cookie で画面解像度を確認でき、クライアント側のリダイレクトを回避できます。 Cookie の解像度に基づいて目的のページをレンダリングできます。

最初のアクセス (Cookie がまだ設定されていないとき) では、クライアント側のリダイレクトを実行して Cookie を設定します。

次に、ユーザーが画面の解像度を変更した場合 (それほど頻繁には発生しません)、その Cookie を変更する必要もあります。

于 2012-08-29T05:53:28.333 に答える