0

Drupal 7의 Zen 스타터 테마를 사용하여이 사이트를 만들었습니다 : www.nettango.com. 모든 것이 잘 작동하는 것처럼 보입니다. 문제가 발생하면 상황을 파악하고 있습니다. 그러나, 나는 반응 스타일을 존중하기 위해 IE8을 얻으려고 노력해 왔습니다. 여기에 내가 무슨 짓을했는지의 :Drupal 7 Zen sub theme IE8 Responsiveness

사이트 설정 :
선택 - IE 6 ~ 8에 기본 CSS3 미디어 쿼리 지원을 추가 할 Respond.js 자바 스크립트를 추가합니다.
선택됨 - IE6-8에 대한 지원을 추가하려면 HTML5 shim JavaScript를 추가하십시오.
체크 됨 - 휴대 기기의 반응 형 디자인을 지원하는 메타 태그를 추가합니다.
행동으로이 호출

:

<script src="/themes/zen/js/html5-respond.js"></script> 

스크립트가로드되고 있지만, 내 mediaqueries 순종하지 않습니다. - 아무것도

<!--[if lt IE 9]> 
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]--> 

<!--[if lt IE 9]> 
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> 
<![endif]--> 

같은 효과를 가지고 :

는 그 후, 나는이 젠의 스크립트를 대체했다.

@media screen and (max-width:1100px) { 
    html{font-size: 83%;} 
    #header {background:blue;} 
} 

www.nettango.com 사이트 파일을 검사 주시기 바랍니다 :

다음은 mediaqueries가 설치되어 방법을 보여 내 CSS 파일에서 샘플입니다. 나는 이것을 해결하려고 노력하는 대다수의 시간을 보내고 행운이 없었다.

미리 도움을 청하십시오.

답변

0

mediaqueries가 라이브 서버에서는 작동하지만 로컬 서버에서는 작동하지 않습니다. 이상한. 왜 그런지 모르겠습니다.

0

또한 config.rb 파일에서 firesass를 false로 설정해야합니다. Firesass가 활성화되어 있으면 IE8에서 작동하지 않습니다.

3

이것은 개발 모드에서 css3-mediaqueries를 사용하려고하기 때문에 발생했을 가능성이 큽니다. Drupal 7은 CSS가 아닌 집계 모드에서 스타일 시트에 @import 규칙을 사용합니다. the css3-mediaqueires.js project summary에서

:

참고 : ... import'ed 스타일 @ 작동하지 않습니다 것은

따라서

, CSS3 - mediaqueries.js에만 적용됩니다 CSS 집계가 켜져 (생산 중).