HTML5 휴대 전화 페이지를 작성할 때 페이지에 표시된 요소의 비율이 다음과 같습니다.
<meta name = viewport content = width = device width, 초기 스케일 = 1>
어느 하나
<meta name = viewport content = width = device-width, 초기 스케일 = 1.0, 최소 규모 = 0.5, 최대 규모 = 2.0, 사용자-규모 = 예 />
그런 다음이 문장을 설명해 봅시다.
뷰포트 : 디스플레이 창을 의미합니다.
너비 = Device-width, 초기 스케일 = 1.0 : 디스플레이 창의 너비가 장치의 화면 너비, 초기 스케일 = 1.0, 즉 초기 줌 비율은 1.0입니다.
최소 규모 : 허용되는 최소 비율을 의미합니다.
최대 : 이것은 스케일링을 허용하는 최대 비율을 의미합니다
사용자-스케일 가능 : 사용자가 페이지를 스케이트 할 수 있는지 여부를 의미합니다
예제 문제 : 현상:사용자가 모바일 페이지의 입력 입력 상자를 클릭하여 텍스트를 편집하면 페이지가 자동으로 확대됩니다.
해결하다:<head> 라벨의 헤드에 삽입하십시오
<meta name = viewport content = width = device-width, 초기 스케일 = 1.0, 최소 규모 = 1.0, 최대 규모 = 1.0 />
또는 사용자가 페이지를 확대 할 수 없습니다.
요약위는 내가 당신에게 소개 한 HTML5 휴대 전화 페이지를 해결하는 문제입니다. VEVB WULIN 웹 사이트를 지원해 주셔서 대단히 감사합니다!