테스트 사이트 - 개발 중인 베타 버전입니다

모바일 기기 해상도와 웹브라우저 해상도

모바일 브라우저 해상도를 찍어보면 기기 해상도와 다른데 

왜 다를까요?

갤3은 360px  - 기기는 720*1280
갤노트는 400px - 기기는 800*1280
넥서스원은 320px로 -기기는 480 *800
나옵니다. 

미디어 쿼리 작성할때
세로 모드를 

@media only screen and (min-width:401px) {

위처럼 갤노트 기준으로 작성을 합니다.

모바일을 새로 작업하다 보니 궁금한게 많군요. 소스 복사해서 쓰다보니 ㅋ


댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 5개

보통 기기가 (double high-resolution으로) 브라우져의 두배크기가 나오는 걸로 알고 있었는데,
넥서스원은 별종이네요..

http://study.gnuboard.org/wiki/read/StudyGroup/RWD/Screen-Breakpoints
나름 정리했던 스크린 사이즈인데, 어떤 방향으로 보충하면 좋을까요? "_"
감사합니다. 저도 궁금했었는데...
댓글 감사합니다.
많이 참고되네요.

적용된 예제가 추가 된다면 어떨까요?
고맙습니다. ^^
적용된 예제를 추가해 보겠습니다.
아이폰도 320이지요 레티나는 더 크게 표현되지만 디폴트는 320 입니다.

게시글 목록

번호 제목
28403
28402
28401
28398
28397
28394
4504
26593
4502
18132
28388
4496
4491
4486
4483
4482
4479
18122
18120
26590
18113
24419
4474
4465
4461
4460
4451
26589
퍼블리셔 이뻐요^^
4450
4448
24418
31037
26390
4446
26585
26581
26578
18098
4443
18097
26388
18094
30596
26387
18091
4445
18088
18086
18085
18082
18081
18078
18076
18074
18072
18070
18069
18066
18064
18057
18056
30588
18055
18054
30585
18051
18050
18048
18047
18044
26386
18042
30580
4425
18039
18037
18031
18028
18027
18022
18018
18016
18009
4423
18003
18000
17999
17996
17993
17989
17987
17986
17985
17984
4411
17979
30576
26383
17975
30569