본문 바로가기

비즈니스재료

모바일 웹페이지 만들기

스마트폰 및 태블릿의 환경에 맞게 가로 사이즈를 자동으로 조절되게 하는 기술이 필요


<!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" xml:lang="ko" lang="ko">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
 <meta name="apple-mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-status-bar-style" content="black">
 <title>제목</title>
</head>
<style>
body{padding: 0; margin: 0;}
</style>
<body>
 <center>
 <div id='container' style='width:100%; max-width:640px; text-align:left;'>
    내용

 </div>  
 </center>
</body>
</html>