CSS에서 확대/축소를 비활성화하는 방법

CSS에서 크기 조정을 비활성화하는 방법: 먼저 해당 프런트 엔드 코드 파일을 연 다음 메타 태그에 "maximum-scale=1.0, user-scalable=0" 두 속성을 추가하여 페이지 크기 조정을 비활성화합니다.

이 문서의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

페이지 크기 조정을 허용하지 않도록 CSS를 설정하는 방법은 무엇입니까?

페이지 크기 조정을 허용하지 않도록 CSS를 설정하는 방법은 무엇입니까? 페이지 확대/축소를 비활성화하시겠습니까?

실제로 다음 두 가지 속성을 메타 태그에 추가하면 됩니다.

maximum-scale=1.0, user-scalable=0

그중 maximum-scale: 사용자가 허용하는 최대 확대/축소 값 user-scalable: 사용자가 확대/축소할 수 있는지 여부, 기본 속성 는 yes 또는 1이고, 허용되지 않는 경우 no 또는 0으로 설정해야 합니다.

마지막으로 실제 설정은 다음과 같습니다.

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

여기에는 주로 다음과 같은 속성이 있습니다.

width - 너비 뷰포트

height - 뷰포트의 높이

initial -scale - 초기 확대/축소 비율

minimum-scale - 사용자가 확대/축소할 수 있는 최소 크기

maximum-scale - 사용자가 확대/축소할 수 있는 최대 크기

사용자 확장 가능 - 사용자가 수동으로 확대/축소할 수 있는지 여부

【 권장 학습: css 비디오 튜토리얼】

위 내용은 CSS에서 확대/축소를 비활성화하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!