이 티스토리 블로그를 반응형으로 만들었는데 PC로 반응형 사이트를 검사하는 트로이(http://troy.labs.daum.net/)에서 검사하면 이상이 없었으나 나의 스마트폰으로 보면 아래 그림의 첫번째처럼 나와야 하는데 두번째처럼 나와 원인이 고민을 정말 많이 했다. 참고로 반응형 웹사이트는 외국사이트를 찾을 필요없이 http://troy.labs.daum.net/에서 시험하기 바란다.
오늘 알았는데 뷰포인트인 <meta name="viewport" content="width=device-width, initial-scale=1.0">를 지정해주지 않아서였다. 내가 뷰포인트에 대해서는 모르지만 뷰포인트는 모바일웹에서 글자가 모바일웹에 맞게 보이도록 하게 하는 것이다라는 정도로 알고 있다. 정확한지 모르니 아니면 지적해주기 바란다. 그래서 위 구문을 추가하니 스마트폰에서 위 그림의 왼쪽 첫번째 그림처럼 나왔다.
며칠간 이것때문에 고생한 것을 생각하면...지금은 부트스트랩 3인데 2.3.2에서는 이상이 없어서 그때로 다시 돌아가야 하나 했다.
