Como as condições de 'orientação' devem ser colocadas para dispositivos portáteis?
Intimamente relacionado à pergunta que fiz sobreusandoheight
condições nas consultas de mídia e para oLista de truques de mídia com CSS, Notei que cada primeiro grupo de consultas de dispositivos portáteisnão tem oorientation
condições. Então eu estava pensando, já queproblemas de pedidos pode ocorrer:
as consultas devemwidth
eheight
valores ser trocados? I.e. eu deveria ter:
/* ----------- Galaxy S6 ----------- */
/* Portrait */
@media screen and (width: 360px) and (height: 640px)
and (-webkit-pixel-ratio: 4)
and (orientation: portrait) {...}<br>
/* Landscape */
@media screen and (width: <strong>640px</strong>) and (height: <strong>360px</strong>)
and (-webkit-pixel-ratio: 4)
and (orientation: landscape) {...}
Onde, por exemplo, owidth
valor emretrato vai paraheight
nopanorama?