디바이스별로 폰트에 크기가 달라요.
물론 해상도도 다르죠.
그런 부분을 해결하기 위해서 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을 넣으시면 되고요
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 330 |
prosper
|
20년 전 | 2283 | |
| 329 |
prosper
|
20년 전 | 1910 | |
| 328 |
prosper
|
20년 전 | 1706 | |
| 327 | 20년 전 | 3771 | ||
| 326 | 20년 전 | 4860 | ||
| 325 |
hwatta
|
20년 전 | 2484 | |
| 324 |
 hanpedro |
20년 전 | 3146 | |
| 323 | 20년 전 | 5866 | ||
| 322 |
hwatta
|
20년 전 | 2852 | |
| 321 |
hwatta
|
20년 전 | 2324 | |
| 320 |
yesmoa
|
20년 전 | 4575 | |
| 319 | 20년 전 | 2691 | ||
| 318 | 20년 전 | 2242 | ||
| 317 |
kyodon
|
20년 전 | 2761 | |
| 316 | 20년 전 | 2586 | ||
| 315 |
hanpedro |
20년 전 | 2885 | |
| 314 |
hanpedro |
20년 전 | 3345 | |
| 313 |
 damoa.biz |
20년 전 | 2649 | |
| 312 |
yesmoa
|
20년 전 | 4724 | |
| 311 | 20년 전 | 3277 | ||
| 310 |
홀로남은자
|
20년 전 | 4570 | |
| 309 | 20년 전 | 3009 | ||
| 308 | 20년 전 | 4139 | ||
| 307 | 20년 전 | 4375 | ||
| 306 | 20년 전 | 7039 | ||
| 305 | 20년 전 | 3872 | ||
| 304 | 20년 전 | 2773 | ||
| 303 |
크리스탈처럼
|
20년 전 | 4409 | |
| 302 | 20년 전 | 2210 | ||
| 301 |
 수다쟁이오도리씨 |
20년 전 | 4327 | |
| 300 | 20년 전 | 3811 | ||
| 299 | 20년 전 | 2621 | ||
| 298 | 20년 전 | 4835 | ||
| 297 |
 bbking |
20년 전 | 2531 | |
| 296 | 20년 전 | 4533 | ||
| 295 | 20년 전 | 3572 | ||
| 294 | 20년 전 | 3594 | ||
| 293 | 20년 전 | 3820 | ||
| 292 | 20년 전 | 3215 | ||
| 291 |
yesmoa
|
20년 전 | 5944 | |
| 290 | 20년 전 | 2942 | ||
| 289 | 20년 전 | 5865 | ||
| 288 |
bbking |
20년 전 | 2381 | |
| 287 |
bbking |
20년 전 | 1812 | |
| 286 |
bbking |
20년 전 | 2151 | |
| 285 |
bbking |
20년 전 | 3543 | |
| 284 |
bbking |
20년 전 | 2039 | |
| 283 |
bbking |
20년 전 | 4404 | |
| 282 | 20년 전 | 3381 | ||
| 281 |
bbking |
20년 전 | 2216 | |
| 280 |
bbking |
20년 전 | 7811 | |
| 279 | 20년 전 | 5560 | ||
| 278 | 20년 전 | 2999 | ||
| 277 |
hanpedro |
20년 전 | 5572 | |
| 276 | 20년 전 | 2363 | ||
| 275 | 20년 전 | 2611 | ||
| 274 | 20년 전 | 2397 | ||
| 273 | 20년 전 | 2227 | ||
| 272 | 20년 전 | 2156 | ||
| 271 | 20년 전 | 2614 | ||
| 270 | 20년 전 | 2645 | ||
| 269 | 20년 전 | 2489 | ||
| 268 | 20년 전 | 2694 | ||
| 267 | 20년 전 | 2379 | ||
| 266 | 20년 전 | 2570 | ||
| 265 | 20년 전 | 3515 | ||
| 264 |
bbking |
20년 전 | 5374 | |
| 263 |
hanpedro |
20년 전 | 3735 | |
| 262 | 20년 전 | 3195 | ||
| 261 |
허저비
|
20년 전 | 5939 | |
| 260 |
bbking |
20년 전 | 5721 | |
| 259 | 20년 전 | 4145 | ||
| 258 | 20년 전 | 2380 | ||
| 257 | 20년 전 | 3199 | ||
| 256 | 20년 전 | 1913 | ||
| 255 | 20년 전 | 1581 | ||
| 254 | 20년 전 | 3156 | ||
| 253 | 20년 전 | 3550 | ||
| 252 | 20년 전 | 5130 | ||
| 251 | 20년 전 | 5823 | ||
| 250 | 20년 전 | 3680 | ||
| 249 | 20년 전 | 5027 | ||
| 248 | 20년 전 | 3295 | ||
| 247 | 20년 전 | 3650 | ||
| 246 |
bbking |
20년 전 | 7963 | |
| 245 |
bbking |
20년 전 | 5919 | |
| 244 | 20년 전 | 4497 | ||
| 243 |
hanpedro |
20년 전 | 4070 | |
| 242 | 20년 전 | 2797 | ||
| 241 | 20년 전 | 2743 | ||
| 240 | 20년 전 | 2381 | ||
| 239 | 20년 전 | 1673 | ||
| 238 |
아우겐나이스
|
20년 전 | 2282 | |
| 237 |
email
|
20년 전 | 3695 | |
| 236 | 20년 전 | 4171 | ||
| 235 | 20년 전 | 10473 | ||
| 234 | 20년 전 | 5079 | ||
| 233 | 20년 전 | 3381 | ||
| 232 | 20년 전 | 3222 | ||
| 231 | 20년 전 | 3858 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기