익스플로러 7,8에서는 반응형이 안 된다. 그래서 부트스트랩은 익스플로러 7,8에서 반응형이 가능하도록 하기 위해서 아래처럼 하고 있다. 아래 코드에서 IE9(익스플로러 9)보다 작으면 html5shiv.js와 respond.js를 처리하고도록 하고 있다. 여기에서 html5shiv.js는 html5에 해당하는 것이고 respond.js가 반응형에 관계된 것이다.
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
그러면 영어인 http://getbootstrap.com/를 익스플로러 7,8로 보면 반응형이 된다는 것을 알 수 있다. 그러면 티스토리도 반응형을 만들 수 있으니 티스토리도 익스플로러 7,8에서 반응형이 돼야 할 것이 맞아야 할 것이다. 그러나 이것 때문에 며칠 동안 고생하다 알았는데 티스토리에서 respond.js가 안 먹히므로 반응형이 안 된다는 것이었다. 그 이유는 모른다.우리 나라에는 워낙 익스플로러 7, 8 비중이 높아서...
그래서 티스토리에서 반응형을 만들어도 익스플로러 7,8에서 비반응형이 안 되므로 이 레이아웃을 유지하는 히기로 했다. 레이아웃을 유지하기 위해 부트스트랩을 레이아웃을 유지하는 CSS(스타일시트)를 http://nonresponsivebootstrap.com/에서 받은 후 소스를 수정했다. CSS를 받은 후 소스를 약간 수정해야 한다. 그리고 아래와 같은 CSS를 넣어 부트스트랩을 비반응형으로 했다. 참고로 CSS는 <!--[if lt IE 9]> ~ <![endif]--> 에 넣었다. 그리고 부트스트랩은 아니더라도 티스토리 반응형 블로그는 여기에 정리했으니 관심있으면...
.container{
max-width: none !important;
width:1200px;
}
