메뉴 건너뛰기

HEUKMYO

Mobile

반응형웹 모바일 기기별 코딩하기

     1.모바일은 세로모드, 가로모드가 있기 때문에 분리를 해주는 것이 좋다.

        세로모드 : @media screen and (orientation: portrait){

                       }

        가로모드 : @media screen and (orientation: landscape){

                       }

      2. 디바이스 해상도별 분리

        기본 : @media screen and (-webkit-device-pixel-ratio: 1){

                 } //아이폰3g , 갤럭시 예전버전

      1.5배 : @media screen and (-webkit-device-pixel-ratio: 1.5){

                 } //갤럭시 시리즈, SKY폰

 

        두배 : @media screen and (-webkit-device-pixel-ratio: 2){

                 } //아이폰4 갤S3~노트

위로