오늘날, 테스트 쇼 사진을 전체 화면 기능을 한 개의 일전, 갑자기 내가 확대 후 두 손가락을 취소 한 후 전체 화면 이미지, 전체 화면 표시를 입력 할 때, 전체 페이지가 확대됩니다 것을 발견했다. 이 사용자 친화적하지 않습니다! 내가 검색 브라우저 기본 핀치 관련 정보를 검색 할 갔다 그래서 많은 페이지를 탐색 한 후, 마지막으로 우리는 해결책을 발견했다.
뷰포트 메타 태그 그것의 이름을 설명하고, 해결책을 논의하기 전에,이 태그는 종종 다음과 같은 특성이 적합 페이지 확대에 사용된다
폭 (HTML 태그 부모 요소의 폭을 알 수있다) 제어 뷰포트의 폭 값 또는 장치 폭으로 설정 될 수있다. 일반적으로 100 %의 화소에서 측정 된 CSS 참조 화면 폭을 확장 장치 폭으로 설정.
신장 유사한 너비
초기 규모 : 초기 페이지로드시의 줌 레벨을 제어 할 수는 보통 1로 설정
최대 규모 : 최대 줌 레벨 컨트롤
최소 규모 : 최소 줌 레벨을 제어
사용자 확장 성 : 사용자가 페이지를 확대 할 수 있는지 여부를 제어, 그것은 예 또는 아니요, 기본값은 yes입니다
더 MDN 정보
당신은 전체 화면 사진을 닫을 때 많은 솔루션은 그가 무슨 일이 일어날 지 레벨 1 세트를 최대 줌 배율 후, 다음 코드를 테스트로 이동, 저를 원하므로, 모든 설정 줌 레벨 1 줌 금지, 최대 값을 설정 레벨 1을 확대합니다.
브라우저 테스트, 가까운 확대 사진, 레벨 1 페이지 확대를 열고, 완벽. 그들은, 전체 화면 표시 사진을 입력하는 최대 줌 레벨을 취소 할 수 있도록하지만이 설정, 전체 화면 사진을 표시하는 두 번째 시간 후, 당신은 이미지를 확장 할 수 없습니다.
이 때, 페이지가 전체 화면 이미지를 닫은 후 레벨 1로 자동 줌 기능을 완료하고 다시 전체 화면 표시 사진을 연 후 스케일링 제한을 취소 할 수 있습니다. 페이지가 사진을로드 한 후 그러나, 사용자는 전체 화면 디스플레이를 엽니 다하지 않는 경우? 이 경우 사용자가 자유롭게, 사용자 오류를 방지하기 위해, 우리는 최대 줌 레벨 1을 설정해야합니다, 괜찮 페이지를 확대 할 수 있으므로이 라벨 1 위의 수준으로 확장 할 수 없습니다 만 완성 된 로딩 페이지가.