1

PC、ラップトップ、iPad デバイスで完全に機能するサイトを構築しました。携帯電話にも対応できるように拡張したい。私が直面した問題は、これを行う最善の方法がわからないことです。現在、サイトでテーマを使用しています。これを行う最善の方法は、デバイスを検出し、それが電話か PC かに基づいてテーマを変更することだと思います。私が見つけた多くの例は、スタイル シートをリンクするときにこれを行う方法を示しています。

<link rel="stylesheet" media="screen and (min-device-width: 800px)" href="800.css" />

リンクされたスタイルシートを介してこれを行う必要がありますか、それともテーマでこれを行うことができますか?

4

1 に答える 1

1

ほとんどのDesktop + Mobileテーマは次のコードのように機能します。最良の方法は、@mediaクエリを使用することです (このリンクとこのリンクを確認してください)。複数のスタイルシートを使用する代わりに、1 つだけを使用します。

@media screen and (min-device-width: 801px) {
    /* Your style here */
}

@media screen and (max-device-width: 800px) {
    /* Your style here for mobile  */
}
于 2012-08-17T13:41:54.513 に答える