モバイル サイト用に別のスタイル シートを作成することが (現在および長期的に) 時間をより有効に活用できるかどうかを調べようとしています (外観は大幅に異なりますが、同じデータベース情報を使用し、要素)、または、まったく新しいモバイル ページを作成し、デスクトップ サイトから必要なものを盗みます。
モバイル サイトに関して、ほとんどの開発者が何を実践しているのか、アドバイスや知っている人はいますか?
メディアクエリを使用できます。
<link rel="stylesheet" media="screen" href="style.css" type="text/css" />
<link rel="stylesheet" media="handheld" href="mobile.css" type="text/css" />
またはcss3で
最近の多くのサイトは、最初にモバイルに集中し、次にデスクトップ用の完全な Web アプリに移植しています。モバイルを使用して Web を閲覧するペヨーテがますます増えており、モバイル用に設計されたサイトは、デスクトップ サイトがモバイル ブラウザーをサポートするよりも、一般的にデスクトップをより適切にサポートします。
ここの HTML5 rocks で device.is について読みました: http://www.html5rocks.com/en/mobile/cross-device/
それには多くの論争があります。個人的にはメディアクエリの方が好きです。複雑すぎない場合は、次を使用してcssファイルに正しく配置します@media FOO and ( max-size: ### ) { /*stuff*/ }
通常、m.domain.com のような「モバイル Web サイト」は、通常、非常に簡素化されたバージョンです。いくつかの製品、情報、および連絡方法が含まれています。
誰かが小さなデバイスを使用しているという理由だけで、貴重なサイト情報の残りを非表示にするのはなぜですか? より多くのコンテンツがあるため、ロード時間が少し長くなる可能性があります。非常に重要なものがフォールドの上にあることを確認してください. (または、少なくとも描画順序の上位)
また、メディア クエリを使用して特定のサイズで表示されるクリック ツー コール ボタンとクリック マップ ボタンを非常に簡単に含めることもできます。