No puede forzar a un navegador móvil a asumir una orientación de forma nativa, pero puede emular una orientación bloqueada con CSS y un poco de JavaScript. No recomiendo este enfoque a menos que tenga una muy buena razón para evitar que la página gire.
Esencialmente, cuando el dispositivo está en orientación horizontal, gire el contenido 90 grados hacia atrás. Por ejemplo:
@media screen and (orientation:landscape) { #container { -ms-transform: rotate(-90deg); /* IE 9 */ -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ transform: rotate(-90deg); width: /* screen width */ ; height: /* screen height */ ; overflow: scroll; } }
(Es posible que deba agregar una propiedad
para realinear el contenido girado). transform: translate(x, y)
- ¿Cómo se ve el panel de administración / backend para un sitio como classpass?
- ¿Los chatbots finalizarán las aplicaciones móviles? ¿Cuando?
- ¿Es realmente cierto que el futuro es para el desarrollo de aplicaciones móviles y no para el desarrollo web?
- ¿Hay alguna forma viable de ganar dinero en la industria de viajes?
- ¿Cuánto código de una aplicación web reactjs puede reutilizar en una aplicación móvil usando react native?
Nuevamente, necesitas una buena razón para este tipo de pirateo. Diseñar y mantener será un dolor de cabeza, y no es bueno meterse con la funcionalidad que sus usuarios esperan de su navegador. Es mejor poner este esfuerzo en un diseño receptivo que sea funcional tanto en modo vertical como horizontal.