2014-12-11 5 views
1

IE에 약간의 문제가 있습니다. 난 아무것도 사이트에 대한 몇 가지 정적 HTML 페이지 (약 35), 난 해골, 글꼴 - 멋진, Animate.css, 반응 스타일, Jvectormaps, footables, 사용자 정의 스타일링 등으로 부트 스트랩을 사용하고 있습니다.

필자는 보통 문서를 유지 관리하기 위해 별도의 CSS 파일을 작성하고 포함하며, 모든 파일을 병합하기로 결정할 때까지 모든 것이 잘 작동합니다. 따라서 페이지로드 속도가 더 빠를 경우 테스트해야합니다.
IE 스타일 시트가 완전히로드되지 않음

IE가 전체 스타일 시트 파일을 처리하지 못하는 것 같습니다. 개발자 도구를 찾아서 내 병합 된 CSS 파일을 확인하면 반으로 잘라서 볼 수 있기 때문입니다. 이상하게도 IE가 왜 나머지 부분을 버리는 지 확신 할 수 없습니다.

그래서 난 이제 모든 것을 다시 나는 그것이 IE 함께 할 수있는 뭔가가 확신 그래서이 문제에 직면하지 않는 크롬/파이어 폭스에서 정상

하는 것입니다, 두 개의 분리 된 것들로 주요 파일을 분할 (9/8). 아무도 몰라 왜? 파일 크기로 변환되는 경우? (450Kb) 한 파일에 모든 파일을 포함 할 수있는 방법이 있습니까 아니면 별도의 파일을 보관해야합니까?


감사합니다,

+0

안녕하세요 콘솔에서 출력을 게시 할 수 있습니까? –

+0

출력? 만약 당신이 CSS 파일에 대해 이야기한다면, 나는 사본을 저장하고 두 가지를 모두 비교했다. 내가 말한 것처럼, 내 파일을 쪼개면 브라우저는 두 파일을 읽는 것 같다. 부품 .. – Awena

+0

페이지에 포함하고있는 스타일 시트는 몇 개입니까? – Freez

답변

1

IE 9 및 down 요소의 수를 제한 할 수 있습니다. 당신이 카운트 한도가 있는지 확인하기 위해 아래와 같은 사이트를 사용

http://snippet.bevey.com/css/selectorCount.php

를 프로젝트에서 그런트를 사용하는 경우,이 문제를 해결하기 위해 자동으로 CSS를 분할 할 수있는 작업이 있습니다.

+0

결과 : 4739 (4096 제한 초과) – Awena

+0

임시 해결책으로, 나머지를 가져 오기 위해 기본 파일을 사용할 수 있습니까? 성능에 영향을 미칩니 까? – Awena

+0

css 파일을 분할하거나 (예 : 별도의 부트 스트랩) 또는 컴파일 된 전체 시트를 여러 번 분할 할 수 있습니다.여분의 시트는 IE 전용 호출에 넣어 지므로 다른 브라우저에서로드되지 않습니다. – austinthedeveloper

1

당신은 IE와 관련되어있는 CSS 제한의 일부가 발생 될 수 있습니다. Microsoft는 최신 버전에서 이러한 제한을 변경/증가/제거했지만 여전히 이러한 제한이 발생할 수 있습니다. IE 버전이 사용되고 있으며 어떤 문서 호환성 모드가 지정되어 있는지와 같은 많은 가능성이 있습니다. 페이지의 이전 문서 호환성 모드가 지정된 경우 이전 버전의 IE를 제한하는 일부 하한이 있습니다. 자세한 내용은 http://msdn.microsoft.com/en-us/library/ie/hh781508.aspx을 참조하십시오.

관련 문제