월별 글 목록: 2014년 3월월

[HTML] 아이패드 가로보기시 device-width가 768px로 잡히는 문제

아이패드 가로보기에서 device-width가 768일 때 처럼 나오는 문제가 발생했습니다.
세로보기일 때의 해상도가 가로보기에서도 적용이 되고 있는 상태였죠.
문제는 viewport에 대한 meta 태그로 인한 것이었습니다.

<meta name="viewport" content="width=device-width">

이렇게 메타 태그를 사용하고 있었습니다. html5 boilerplate 에서 그렇게 사용을 하고 있길래…

<meta name="viewport" content="width=device-width,initial-scale=1.0">

이렇게 initial-scale을 추가해서 해결했습니다.