2012-08-12 13 views
6

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

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

答えて

8

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

<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/

+0

ありがとうございました。メディアタグはモバイルブラウザをピックアップするのにどれだけ正確ですか?現代のほとんどのデバイスでこれを認識していますか、そうでないデバイスにPHPを使ってリダイレクトする必要がありますか? –

1

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

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

1

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

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

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

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

+0

ありがとうございます。非常に有用な答え! –