php - モニターの解像度に応じてサイトのコンテンツ全体を変更する

Question

私のサイトでは、視聴者のモニターの解像度に応じてスタイルシートを適用しています。javascriptで使用screen.widthすることにより、私はこれを行います。しかし、今では、同じ手法を使用して、解像度に応じてサイトのコンテンツ全体を変更できるかどうか疑問に思っています。つまり、解像度が高いほどコンテンツが多くなり、解像度が低くなるほど少なくなります。または、これを行うための他のテクニックを提案してください。

Answer 1

解像度を検出し、これを使用してページの本文にクラスを適用し、これを使用してCSSに特定の列を表示/非表示にするように指示できます。使用しているフレームワーク/フレームワークがないことを教えていただければ、サンプルコードを提供できます。

これがプレーンなJavaScriptの本当に基本的な例です：

window.onload = function(){
 var resolution = 'res'+screen.width;
 document.getElementsByTagName('body')[0].className= resolution;
}

これには、JavaScriptが有効かどうかに関係なく、ページが常に表示されるという利点もあります。JavaScriptが有効になっている場合は、ページを解像度に合わせて調整できます。有効になっていない場合でも、ユーザーにはコンテンツが表示されます。

Answer 2

画面幅に基づいて代替スタイルシートを既に提供しているため、その特定のスタイルシートに不要なコンテンツをdisplay:none.

Answer 3

最初のページの読み込みで空のコンテナーを返し、コンテンツを取り込む ajax 呼び出しを実行します。ajax 呼び出しは解像度をパラメーターとして渡すことができるため、それに応じて適切なコンテンツを返すことができます。