別個のモバイルCSSシートと別のモバイルページ

Question

私のモバイルサイト用に別のスタイルシートを作成するのは、今や長期的には私の時間をより有効に活用するかどうかを調べることです（これは大きく違って見えますが、情報と要素）またはは全く新しいモバイルページを作成し、はデスクトップのサイトから必要なものを盗みます。

モバイルサイトの場合、ほとんどのデベロッパーが慣れていることを知っている人はいませんか？

Answer 1

メディアクエリを使用できます。

<link rel="stylesheet" media="screen" href="style.css" type="text/css" /> 
<link rel="stylesheet" media="handheld" href="mobile.css" type="text/css" /> 

それともCSS3で

http://www.w3.org/TR/css3-mediaqueries/

Answer 2

サイトの多くは、これらの日は、デスクトップ用の完全なWebアプリへの移植、モバイル最初に集中しています。ますます多くのpeyoteがモバイルを使用してWebをブラウズしており、モバイル用に設計されたサイトは一般的に、デスクトップサイトがモバイルブラウザをサポートするよりもデスクトップをよくサポートします。

私はここでHTML5の岩でdevice.isについて読む：http://www.html5rocks.com/en/mobile/cross-device/

Answer 3

の論争の多くは、その中にあります。私は個人的にメディアの問い合わせを好みます。彼らはあまりにも複雑ではない、私はそれらを使用して私のCSSファイルの右に入れて

通常、m.domain.comのような "モバイルウェブサイト"は、通常非常にストリップされたバージョンです。いくつかの製品、情報、連絡方法を含んでいます。

貴重なサイト情報を他のユーザーが小さなデバイスに置いているだけなので、それを隠すのはなぜですか？より多くのコンテンツがあるので、読み込み時間は少し長くなることがあります。重要なものが折りたたみの上にあることを確認してください。 （または少なくとも描画順で上位に）

また、メディアクエリを使用して特定のサイズで表示されるマップボタンをクリックしてクリックすると、簡単にクリックしてクリックすることもできます。