하이브리드 앱(WebView)에서 viewport 설정에 따른 화면 확대 차이

<meta name="viewport" content="width=device-width,initial-scale=1.0">
iOS에서는 화면 확대가 가능했다.

Android에서는 대부분 확대되지 않았지만 간혹 확대되는 기기가 있었다.


<meta name="viewport" content="width=device-width,initial-scale=1.0, viewport-fit=cover">
iOS와 Android 모두 화면 확대가 가능했다.

Safe Area 대응 시 주로 사용한다.


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

iOS와 Android 모두 화면 확대가 되지 않았다.
하이브리드 앱에서 화면 확대를 완전히 막고 싶을 때 사용한다.

리

2026년 기준 실제 하이브리드 앱 테스트 결과, 화면 확대를 완전히 막으려면 
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
가장 안정적으로 동작했다.