2016-05-08 13 views
0

解像度でユーザーの端末を確認したい場合(モバイルの場合は300x600px、タブの場合は800x600px、パソコンの場合は1024x768px)javascriptなしで画面の解像度を検出するにはどうすればいいですか?

でも、JavaScriptが無効になっていると、ユーザーの画面解像度を取得するにはどうすればよいですか?

私の問題を解決する方法はありますか?

+1

を検出するために、いくつかのサーバー側のlibや機能を使用する必要がありますか? – nnnnnn

+0

ユーザーに適切なページ解像度を与える。私たちが傾けるように、モバイルでのPCサイズの解像度に最適です。 – user2265229

+0

私の2歳の携帯電話の解像度は1080 x 1920ピクセルです。私のページのPC版を提供しますか? – nnnnnn

答えて

1

CSS media queriesを使用して、特定の画面解像度と向きで対象とするCSSルールを適用できます。

0

@mediaは、あなたのスペックではそれを

を実行する必要があります。

@media (max-width: 799px) { 
    @import url("/uri/to/mobile.css"); 
} 
@media (min-width: 800px) { 
    @import url("uri/to/tablet.css"); 
} 
@media (min-width: 1024) { 
    @import url("/uri/to/desktop.css"); 
} 
+0

しかし、私は別のページを読み込むためにそれを使いたいのですが?私は各携帯電話、タブレット、PC用のページを作ったかのように。 – user2265229

+0

@ user2265229 javascriptを使用していない場合は、画面の解像度に応じて別のページを読み込むことはできません。これはサーバー側では実行できません。 – nanilab

+0

この問題を少し簡単に管理するための改訂版の回答*。あなたは本当にこれよりも遠くになるにはjavascriptを使う必要があります。 JavaScriptを使用できない場合は、できるだけ反応的なページを作成することをおすすめします – ahendrickson

0

私はあなたがレイアウトに従ってページを調整するためのeaxh reslolutionのjuat使用CSSメディアクエリのために切り抜いたページを作成する必要があると思ういけません。

あなたは解像度ごとに切り抜いたページを望むなら、あなたはあなたが解像度情報をどうしたいかどうブラウザの解像度

関連する問題