이전
목록
다음
컴

viewport 사용

잘살아보자
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2014-10-10 (금) 00:29:37 · 4426

디바이스별로 폰트에 크기가 달라요.

물론 해상도도 다르죠.

그런 부분을 해결하기 위해서  viewport 를 사용해요. 

 

 

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />

​

위 와 같이 한줄을 넣으면 되고요.

 


 

viewport의 속성에 대해 알아보면 아래와 같습니다.

meta name="viewport" : 뷰포트 선언

content="width=device-width" : 컨텐츠를 표현할 넓이 ('디바이스 크기에 맞추겠다' 고 선언)

intial-scale=1 : 초기 크기 설정(기본 꽉찬 화면)

minimum-scale=1 : 최소 크기 설정 (기본값 : 0.25, 범위 : 0~10.0)

maximum-scale=1 : 최대 크기 설정(최대 배율 범위 : 0~10.0)

user-scalable=no : 사용자 단말의 확대기능 사용 유무 선언(yes/no)

 

모바일웹을 만들지 않고 pc 버전 사이트가 모바일에 꽉 차길 원하시는 클라이언트들이 있어요

개발자 입장에서는.. 상당히.. 쯥쯥

 

width=device-width  이 부분을 width=1000 이렇게 하면 1000픽셀 크기로 모든 기기에 맞춰요.

 

본문 컨텐츠 크기가 1200이라면 1200을 넣으시면 되고요 

 

#개발자팁 #개발자 #팁자료실 #기타
|
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
12-08-29 조회 4,167
12-08-07 조회 3,829
12-08-03 조회 3,643
12-07-31 조회 3,750
12-07-30 조회 3,701
12-07-16 조회 3,896
12-07-15 조회 3,732
12-07-07 조회 3,594
12-07-06 조회 3,802
12-07-03 조회 3,754
12-06-29 조회 3,367
12-06-22 조회 3,740
12-06-17 조회 3,998
12-05-21 조회 3,922
12-05-02 조회 3,448
12-05-02 조회 4,242
12-05-02 조회 3,365
12-04-30 조회 3,562
12-04-30 조회 3,241
12-03-17 조회 4,104
12-03-10 조회 3,438
12-03-08 조회 3,963
12-03-03 조회 3,678
12-02-27 조회 5,093
12-02-17 조회 4,386
12-02-16 조회 4,667
12-02-03 조회 3,334
12-01-31 조회 3,243
12-01-24 조회 3,241
12-01-17 조회 3,944
12-01-05 조회 3,490
11-12-30 조회 3,223
11-12-23 조회 4,778
11-12-08 조회 3,542
11-12-07 조회 4,505
11-11-27 조회 3,927
11-11-25 조회 4,256
11-11-23 조회 3,704
11-11-22 조회 3,559
11-11-09 조회 3,270
11-10-23 조회 3,210
11-10-19 조회 3,163
11-10-08 조회 2,845
11-10-04 조회 2,843
11-10-04 조회 5,307
11-09-01 조회 4,379
11-08-13 조회 2,561
11-08-06 조회 3,242
11-07-11 조회 3,638
11-06-27 조회 2,996
11-06-21 조회 2,657
11-06-13 조회 2,471
11-06-07 조회 2,477
11-05-26 조회 2,435
11-04-20 조회 2,762
11-03-21 조회 2,863
11-03-18 조회 2,558
11-03-11 조회 2,573
11-02-07 조회 2,403
11-01-18 조회 2,726
11-01-12 조회 2,445
11-01-06 조회 2,538
10-12-10 조회 2,800
10-12-09 조회 2,651
10-12-08 조회 5,081
10-11-29 조회 2,917
10-11-28 조회 2,824
10-11-28 조회 2,657
10-11-19 조회 2,846
10-11-04 조회 2,720
10-10-21 조회 2,444
10-10-19 조회 3,409
10-10-12 조회 2,731
10-10-07 조회 2,559
10-09-30 조회 3,520
10-09-17 조회 3,933
10-09-17 조회 3,875
10-05-31 조회 3,584
09-12-31 조회 3,719
09-07-23 조회 5,045
08-09-16 조회 3,247
08-09-06 조회 2,988
08-09-04 조회 3,409
08-08-16 조회 4,439
08-08-15 조회 3,311
08-08-14 조회 4,528
08-08-12 조회 3,994
08-07-23 조회 2,811
08-07-10 조회 3,763
08-07-04 조회 2,991
08-06-27 조회 7,629
08-06-19 조회 4,938
08-05-27 조회 5,542
08-05-25 조회 5,377
08-05-23 조회 3,453
08-05-23 조회 4,618
08-05-21 조회 4,971
08-05-20 조회 4,083
08-05-20 조회 3,311
08-04-18 조회 4,381
글쓰기