뷰포트 속성 적절하게 사용하는 방법

Question

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

user-scalable=no은 사용자가 페이지를 확대 또는 축소 할 수 없기 때문입니다. 그러면 initial-scale=1.0과 maximum-scale=1.0을 사용해야하는 이유는 무엇입니까? 그것들을 사용할 필요가 있습니까?

Answer 1

어쨌든 페이지를 확대 할 수 없기 때문에 직관이 정확합니다. maximum-scale=1.0은 불필요합니다. minimum-scale=1.0, maximum-scale=1.0 설정은 user-scalable=no과 거의 동일한 일반적인 패턴입니다. 거의 모든 브라우저가 모든 콘텐츠 너비를 볼 수있는 크기로 페이지를로드하기 때문에 (예 : Android의 Chrome에서이 작업을 수행하므로) 사용자가 1.0이 아닌 확대/축소를 시작할 수 있습니다. 그러나 initial-scale=1.0을 추가하면 줌이 1.0으로 강제 설정됩니다.