반응형스킨 - 모바일 스킨 사용하지 않기

iTIPs/티스토리 2014. 6. 12. 00:11

반응형 스킨인데 모바일 스킨을 사용하지 않는다니.. 무슨말인가 싶으실겁니다.

말 그대로 반응형 스킨을 설치하되 모바일 스킨을 사용하지 않고,

모바일에서도 데스크탑과 같은 화면을 보여주고 싶은 분들을 위한 글입니다.

혹은 데스크탑화면에서의 디자인은 마음에 들지만 모바일화면 디자인은 마음에 들지 않는 분들도 해당됩니다.

모바일 스킨 사용하지 않기

반응형 스킨이라면 반드시 <head>영역에 다음과같은 구문이 있을겁니다.(값이 더 있는것은 상관없습니다.)

여기서 device-width를 1024와 같은 값으로 수정하시면됩니다.(가로 해상도 1024를 의미합니다.)

width값만 바꿔도 문제 없지만, initial-scale값을 낮출수록 축소되어서 한화면에 페이지 전체가 보이게 할 수 있습니다.

※<meta name="viewport" ~ 의 속성은 모바일 브라우저에만 적용되는 항목입니다.

viewport속성을 바꿔주면 위에서와 같이 모바일에서도 데스크톱화면을 볼 수 있습니다.

'iTIPs/티스토리' 관련 글 more

Posted by 뭐하라