javascript - 휴대폰에서 웹페이지를 가로 방향으로 직접 표시하는 방법은 무엇입니까?

Question

웹페이지는 가로 화면의 모바일용으로 설계되었습니다. 세로 화면으로 표시되면 페이지가 엉망이 됩니다.

Answer 1

은 사용자에게

을 회전하도록 결정한 다음 메시지를 표시할 수 있습니다. 으아아아

또는 순환 이벤트 듣기

으아아아

css 미디어 쿼리도 판단 가능

으아아아

하지만 여전히 해결책이 있습니다.
window.orientation을 사용하여 페이지를 열 때 웹페이지가 가로인지 세로인지 확인할 수 있습니다. 세로인 경우 전체 페이지에 스타일을 추가하세요

으아아아

이렇게 하면 페이지에 가로 화면 효과가 표시됩니다.

Answer 2

프런트 엔드에서는 휴대폰의 가로 및 세로 화면을 제어할 수 없지만 CSS 조건을 통해 판단할 수 있습니다.

초상화:

으아아아

풍경:

으아아아

예를 들어 화면이 세로인 경우 다음과 같은 프롬프트 텍스트가 표시됩니다. 가로로 탐색하세요.
CSS 작업을 사용하여 가로 화면 이후에 표시하거나 숨깁니다.