¿Cómo se deben colocar las condiciones de 'orientación' para los dispositivos portátiles?
Muy relacionado con la pregunta que hice sobreutilizandoheight
condiciones en consultas de medios y a la CSS-trucos lista de consultas de medios, Me di cuenta de que cada dispositivo portátil primer grupo de consultasno tiene laorientation
condiciones. Entonces me preguntaba, ya que problemas de pedidos puede ocurrir
deben las consultas 'width
yheight
valores se cambian? Es decir. debería tener en su lugar:
/* ----------- 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) {...}
Donde, por ejemplo, lawidth
valor enretrat va aheight
inpaisaj?