-
1. <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
2. <meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=2.0; user-scalable=1;" />
width=device-width or 320
initial-scale=1.0; maximum-scale=1.0; user-scalable=1
HTML 소스의 head 내부에 이 태그를 삽입해 주시면 확대/축소가 고정됩니다.
Sample
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<title>테스트입니다</title>
<style type="text/css">
body { font: x-large Applegothic; text-align: center; }
</style>
</head>
<body>
테스트입니다.
</body>
</html>