SPATIUM Desktop
주소복사
About Operating System Languages Tools Favorites Notice Visit TEST  
     ADK (2)
     android (3)
     ASP (5)
     ASP.Net (1)
     C# (5)
     HTML (9)
     JAVA (6)
     JavaScript (9)
     jQuery (5)
     Mobile Web (2)
     Oracle (8)
     PHP (7)
     Spring Framework (4)
     SQL (15)
     WPF (5)
   ID  
   Password  
  |  
  Location United States
  IP Address 54.80.87.166
2018. 10
123456
78910111213
14151617
18
1920
21222324252627
28293031
Category  Languages, Mobile Web
Writer 김태우 Date 2012-02-07 12:00:00 Visit 4741
모바일 웹 화면 사이즈

 

Mobile Web 해상도

 

meta 태그는 웹 브라우저에 특별한 정보를 제공하는 HTML 태그 입니다.

모바일 웹 페이지는 화면과 관련된 정보를 제공하려고 viewport meta 태그를 제공합니다.

 

모바일 웹은 주로 320*480 사이즈로 작업되며

세로는 스크롤이 가능하므로 보통 가로사이즈를 기준으로 제작합니다.

 

참고로 아이폰4의 최적화된 사이트의 해상도는 640*960 입니다.

 

< meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />

    width: 넓이 - device-widht : N px (200~10000px, default 980 px)

    height: 높이 - device-height : N px (223~10000 px)

    initial-scale : 초기확대/축소배율

    maximum-scale : 최소 축소 배율 - N (0~10, default 0.25)

    minimum-scale :  최대 확대 배율 - N (0~10, default 1.6)

    user-scalable :  확대/축소 가능 여부 - yes no (default yes)

 

 

Tags  meta, viewport, 모바일 웹
  Relation Articles
[Languages-Mobile Web] 모바일 웹 화면 사이즈 (2012-02-07 12:00:00)
  Your Opinion
Member ID
150 letters
Copyright (C) SPATIUM. All rights reserved.
[SPATIUM]WebMaster Mail