私はすべてのデスクトップおよびハンドヘルドデバイスで一般的に画面サイズに基づいてリダイレクトしようとしましたが、メディアクエリはそれに対するかなりの答えだと思います.javascriptで画面サイズを検出するとscreen.width
、さまざまなブラウザがさまざまな画面サイズを返しました。なぜこうなった。次の 2 つのことを知っておく必要があります。次のコードは、javascript が行ったように画面を検出しますか、それとも一般的に 100% 正確な画面サイズを検出しますか? もしそうなら、次のCSSルールが真になった場合、どうすればリダイレクトJavaScriptコードをトリガーできますか?
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
/* iPhone, Android rules here */
}