/ 携帯サイトのレスポンシブデザイン - css、レスポンシブデザイン、メディアクエリ

モバイルサイトのレスポンシブなデザイン - CSS、レスポンシブデザイン、メディアクエリ

私は自分のウェブサイトをモバイル機器に適応させるつもりです。 私の質問は、モバイル版(m.mysite.com)のサブドメインを作成するべきか、それともCSSでメディアクエリを使用すべきかということです。私の最初の選択はメディアクエリーでした、しかし今日の電話はPCモニターと同じ解像度のスクリーンを持っています - それはメディアクエリーを無効にします。あるいはそれを回避する方法はありますか?

回答:

回答№1の場合は3

レスポンシブデザインが好きです。

私が大きなウェブサイトを構築するとき、私は解決策としてサブドメインを選ぶだけです。

レスポンシブデザインを採用する場合は、ブートストラップとファンデーションを検討してください。

私のアドバイス:

あなたはたくさんのコンテンツ/データで大きなウェブサイトを構築していますか携帯サイトのサブドメインを使用してください。

それが中小企業のためのただの小さなウェブサイトであるならば。ウェブサイトを敏感にさせなさい。


回答№2の場合は1

メディアクエリを使用するピクセル数は同じですが、これらの携帯電話はダブルピクセル比を使用しているので、意図したデザインを使用できますが、鮮明なグラフィックとテキストを使用できます。たとえば、iPhone 5には device-pixel-ratio=2つまり、幅200ピクセルの要素はiPhoneの画面上で400ピクセルを占めることになります。


回答№3の場合は0

まず第一に、SEO上の理由から、サブドメインではなくディレクトリを使用する方が良いでしょう。 一般に、検索エンジンはモバイルレスポンシブウェブサイトを好み、それをより高くランク付けします。

私の意見では、どちらにしてもモバイル対応にしてください。