이상하게 PC에서보면 글자가 크게 보이는데, 스마트폰으로 보면 글자가 작게 보이네요..

혹시, 지금 입주한 호스팅에 문제가 있는것인지요..
몇달동안 포기했다가 어떤분이 보완해달라고 요청해서 다시 시도하는데 글자크기가 적용이 안되네요..ㅠㅠ;;

글자크기가 15px로 되야 하는데...
pc로 보면, 글자크기가 크게 나오는데, 스마트폰으로 보면 첨부된 이미지 처럼 글자가 작게 보입니다.


혹시 소스에 무슨 문제가 있는것인지요??
도움 좀 부탁드립니다.

스마트폰용은 별도의 작업이 필요한건지요??...
m.miwit.com 이나 m.sir.co.kr등 모바일페이지 소스보기해서 긁어다 페이지를 만들어서 PC에서 보면 글자크기가 크게 보이는데, 제 홈페이지 서버에만 올려놓고 스마트폰으로 보면 작게 보이네요..




------------------------ 소 스 입니다. --------------------------------------------

<!-- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> -->
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<meta name="viewport" content="initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no;" />
<title>모바일 :: 부동산드림팀 공인중개사사무소</title>
</head>
<script language="javascript">
// 자바스크립트에서 사용하는 전역변수 선언
var g4_path = "../..";
var g4_bbs = "bbs";
var g4_bbs_img = "img";
var g4_url = "http://www.test.com";
var g4_is_member = "";
var g4_is_admin = "";
var g4_bo_table = "";
var g4_sca = "";
var g4_charset = "euc-kr";
var g4_cookie_domain = ".test.com";
var g4_is_gecko = navigator.userAgent.toLowerCase().indexOf("gecko") != -1;
var g4_is_ie = navigator.userAgent.toLowerCase().indexOf("msie") != -1;
</script>


<style type="text/css">
a { font-size:15px; color:#2F3743; text-decoration:none; }
body { background-color:#4686C6; }
#mw_mobile_head { border-bottom:2px solid #ddd; padding:10px 0 10px 10px; color:#fff; }
#mw_mobile_head a { font-size:15px; color:#fff; font-weight:bold; }


</style>

<body topmargin="0" leftmargin="0" >
<a name="g4_head"></a>
<div id="mw_mobile_head">
<a href="../bbs/board.php?bo_table=land&sfl=mb_id,1&stx=dreamteam"> 부동산드림팀 공인중개사사무소</div>

</body>
</html>