익스플로러 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;

}


About. 블로그, 부트스트랩,프로그램 등 유용한 정보를 마음껏 적고 있습니다.
전체 방문자 수 명은 2003.11.부터 누적된 방문자 수입니다. 그리고 아래 그래프는 일주일 간 방문자 통계입니다.