반응형
현재 의 meta테그의 이름이 viewport를 선언해 주면, 해당 글자의 확대와 축소를 막을 수 있습니다.
추가내용:
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
Device 폭
<!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>
<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반응형
'Mobile > Web방식' 카테고리의 다른 글
| jQuery mobile Header 글씨 짤림 덜하게 만들기 (0) | 2017.10.13 |
|---|---|
| [펌]Mobile web design을 위한 글. (0) | 2010.05.25 |
도움이 되셨다면 하트모양의 "♡ 공감"을 눌러주시면 큰 격려가 됩니다.
(로그인하지 않으셔도 가능)
(로그인하지 않으셔도 가능)