모바일 질뭉 좀 드려요,,
본문
일반페이지인데...
테이블로 짜여져 있습니다.
그런데 아이폰에서는 화면안에 잘 들어오는데..
샘슝에서는 페이지가 조그맣게 좌측에 붙어버리네요...
확대도 안되그요,,,
모바일 페이지를 짜려면 어떻에 해야하는지...
샘플이나 간단히 보고 만들어볼 수 있는 페이지가 없을까요?
답변 2
아래와 같이 해주세요.
<!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="Content-Type" content="text/html; charset=utf-8" />
<title>Mobile Sample</title>
<meta name="viewport" content="user-scalable=yes, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width">
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<script type="text/javascript" language="javascript">
window.addEventListener('load', function(){
setTimeout(scrollTo, 0, 0, 1);
},
false);
</script>
</head>
<body>
<table border="0" width="100%">
<tr><td>
Top
</td></tr>
<tr><td>
Main
</td></tr>
<tr><td>
Bottom
</td></tr>
</table>
</body>
</html>
공부 하시라능~
공부 말고는 답이 없다능~
네이버, 다음 모바일도 소스 보시고
구글링도 하시고
sir 모바일도 보시고
책도 보시고
http://design.naver.com/ 이런것도 보시고
http://www.htmlgoodies.com/beyond/mobile/how-to-build-a-simple-mobile-website-with-css3.html
https://mobirise.com/ 이런 빌더도 있고
http://www.kyobobook.co.kr/product/detailViewKor.laf?barcode=9788931551693 책도 있고
열심히 해보시라능~