オリエンテーションの変更とscreen.width

Question

デバイスの向き（Android携帯電話）を変更するとscreen.widthが変更されていることに気づきました。例えば、私のHuaweiアンドロイド携帯電話では、肖像画の位置にあるときscreen.width = 360px、横640px。

@media screen and (max-device-width:360px){ 
    div { 
    background-color: green; 
    } 
} 
@media screen and (min-device-width:361px){ 
    div { 
    background-color: blue; 
    } 
} 

動作しません：考慮してscreen.widthは、以下のコードは、なぜdevice-widthプロパティの値を保持している（少なくとも私の知る限り）ということ？

がscreen.widthとリンクされている場合は、screen.widthのように実際のデバイスの向きに応じて値を変更しないでください。

Answer 1

デバイス幅は、他の言葉では、デバイス自体の幅にデバイス

の 画面解像度を指しますが、このような何かをしたいですか？

/* Portrait */ 
@media screen 
    and (device-width: 360px) 
    and (device-height: 640px) 
    and (-webkit-device-pixel-ratio: 3) 
    and (orientation: portrait) { 
    div { 
    background-color: green; 
    } 
} 

/* Landscape */ 
@media screen 
    and (device-width: 360px) 
    and (device-height: 640px) 
    and (-webkit-device-pixel-ratio: 3) 
    and (orientation: landscape) { 
    div { 
    background-color: blue; 
    } 
}