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

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

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

왜 다를까요?

갤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 입니다.

게시글 목록

번호 제목
1717652
1717651
1717650
1717648
1717635
1717629
1717626
1717625
1717621
1717619
1717611
1717610
1717609
1717607
1717601
1717598
1717591
1717590
1717583
1717575
1717572
1717568
1717566
1717549
1717545
1717533
1717512
1717511
1717508
1717495