PHP언어 웹개발 서버관리 DB관련 모바일 Mac세상 USA에서 살아남기 블로그
Mobile/Web방식2010. 5. 26. 14:57

반응형
현재 의 meta테그의 이름이 viewport를 선언해 주면, 해당 글자의 확대와 축소를 막을 수 있습니다.
<!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" lang="ko" xml:lang="ko">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" />
 <link rel="apple-touch-icon-precomposed" href="http://icon.daum-img.net/mobile/iphone_icon2/daum_m_home_02.png" />
 <title>모바일테스트</title>


추가내용:
Mobile Web Application Best Practices 중에
3.5.10 Use Meta Viewport Element To Identify Desired Screen Size
==>  http://www.w3.org/TR/mwabp/#bp-viewport
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>



Device 폭
<META name="viewport" content="width=device-width">
출처: http://help.adobe.com/en_US/dreamweaver/cs/using/WSeffff8bffc80208443aaa2ab12db791fb9b-8000.html
반응형
도움이 되셨다면 하트모양의 "♡ 공감"을 눌러주시면 큰 격려가 됩니다.
(로그인하지 않으셔도 가능)
Posted by saltdoll

댓글을 달아 주세요