CSS - Orientación portrait

 
Vista:
sin imagen de perfil
Val: 12
Ha disminuido su posición en 2 puestos en CSS (en relación al último mes)
Gráfica de CSS

Orientación portrait

Publicado por eduardo (8 intervenciones) el 01/01/2019 10:11:43
Algún código CSS o JS para que la orientación de una pagina web sea siempre portrait en un movil o en una tablet.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de ScriptShow
Val: 571
Plata
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Orientación portrait

Publicado por ScriptShow (125 intervenciones) el 01/01/2019 12:29:49
Saludos Eduardo.

Por razones de privacidad, seguridad, configuración, etc. el usuario tendrá la opción de desbloquear y girar ó no su dispositivo.

Algunas posibilidades respecto al código:

En JavaScript...

1
2
3
4
5
if (window.innerHeight > window.innerWidth) {
    portrait = true;
} else {
    portrait = false;
}

En CSS Style...

1
2
3
@media only screen and (height > width) { . . . }
 
@media only screen and (width > height) { . . . }

1
2
3
@media screen and (orientation:portrait) { . . . }
 
@media screen and (orientation:landscape) { . . . }

Estas son básicas y adaptables. Otras con valores concretos para el ancho y alto, quizás no sean necesarias.

Espero sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar