Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

iPhone이 HTML로 웹 앱을 확대하지 못하도록 방지


메타 태그 속성 부여 "user-scalable=no" 사용자가 다른 곳에서 확대/축소하지 못하도록 제한합니다.

이 메타 태그를 head 태그에 추가하여 함께 확대/축소하는 것을 방지합니다. 이렇게 하면 모바일 브라우저가 동일한 너비 눈금을 사용하도록 지시하고 사용자가 확대할 수 없도록 하므로 성가신 동작도 비활성화됩니다. 그러나 어떤 사람들은 이것이 문제를 처리하는 매우 사용자 친화적인 방법이 아니라고 주장할 수도 있습니다.

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

하나 이상의

입력 필드의 글꼴 크기를 16px(또는 그 이상)의 글꼴 크기로 설정하여 브라우저가 초점을 맞춰 확대되는 것을 방지합니다. 장치 종횡비가 지정된 장치에 대해서만 글꼴 크기를 16px로 설정하기 위해 장치 종횡비를 사용합니다.

select{
   font-size: 40px;
}