iPhone/iPad 장치 방향_javascript 기술을 감지하는 세 가지 방법

메타 태그 "viewport" 사용

viewport 태그에는 다음 속성이 포함되어 있습니다.



화면 너비를 자동으로 감지하고 이에 적응하려면 장치를 사용하여 대신 사용해야 합니다. 고정된 값을 설정하는 대신 사용자가 인터페이스를 화면 이상으로 확장하는 것을 방지하려면 maximum-scale을 설정해야 합니다.

코드 복사 코드는 다음과 같습니다.

>

자바스크립트 스크립트 사용

다음 스크립트는 방향을 감지하고 화면 너비를 감지하여 방향을 조정합니다.

코드 복사 코드는 다음과 같습니다.

위 스크립트는 헤드 섹션에 배치할 수 있습니다.

CSS 사용

CSS 미디어 쿼리 사용:

코드 복사 코드는 다음과 같습니다.