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

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

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

왜 다를까요?

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

게시판 목록

프로그램

글쓰기