12

내가 아는 사이는 A 대 B를 좋아하지 않는다. B 주제는 나를 듣는다.IE 7 성능 현명한에 대한 부트 스트랩 2 또는 부트 스트랩 3

부트 스트랩 3은 방금 수많은 개선과 함께 출시되었습니다. 하나의 잠재적 인 거래 차단기는 IE 7 호환성을 떨어 뜨립니다. 기업 사용자를위한 사이트의 경우 특정 유스 케이스의 약 10 %가 여전히 사용 중이므로 불행히도 실용적이지 않습니다.

그래서 IE7 하나는 단순히 3

부트 스트랩의 모든 장점을 유지하면서 쉽게 다시 IE7 지원을 추가 할 수 있습니다이 https://github.com/coliff/bootstrap-ie7 하나, 그러나 부트 스트랩 2. 스틱을 선택하는 의미 생각 필수입니다 지원 하나의 문제는 당신이 사용해야합니다 IE7 사용자 (https://github.com/Schepp/box-sizing-polyfill)

내 polysill 그래서 내 질문에 부트 스트랩 2 스틱 또는 boxsizing.htc 함께 부트 스트랩 3.0 전환하는 것이 좋습니다 것이 boxsizing.htc polyfill 사용해야합니까? .htc가있는 B3은 B2보다 IE7 사용자가 10 % 더 느릴 수 있지만 (특히 서버가 캐싱중인 경우) 거의 눈에 띄지 않으면 90 %의 나머지 부분에 이점이 있습니다.

아는 사람이라면 테스트 할 수있는 다음 제품은 기본 B2와 B3을 .htc 데모 사이트로 설치하고 IE7의 속도를 비교하는 것입니다.

추신 : 위의 성능 현명한 나열된 것보다 IE7에 boxsizing 추가하기위한 더 나은 polyfill 경우 알려 주시기 바랍니다.

+0

내 조언을 받아; IE-7 사용자를 일급 시민으로 생각할 때 모바일 우선 프레임 워크 인 부트 스트랩을 사용하지 마십시오. – Abdulaziz

+0

죄송합니다. 나는 IE7 사용자가 1 등석 시민이라고 생각하지 않지만, 특정 사이트의 사용자베이스의 10 %가 IE7이라면 언급 한 것처럼 사용자가 제품에 가입하려고하는 비즈니스 사용자 인 경우 무시하는 것이 너무 간단합니다. 위의 예에서 IE7 사용자는 둥근 모서리, 텍스트 그림자 및 기타 일류 시민 기능을 얻지 못할 것입니다. 그러나 B3에서 박스 크기 조정을하지 않으면 레이아웃이 중단되어 지원해야합니다. – cchiera

+0

웹 사이트를 TB3으로 이전 하시겠습니까? 참조 : http : //bassjobsen.weblogs.fm/its-a-shame-the-shame-the-githubs-most-popular-projects-backward-compatible/ –

답변

1

부트 스트랩 3으로 IE 7을 지원하는 것은 완전히 악몽입니다. ​​우리는 새로운 프로젝트를 위해 부트 스트랩 2로 다시 전환해야했습니다.

언급 한 패치를 사용해 보았습니다.

그래서 결론 : 당신이 정말 부트 스트랩 3/IE7과 비슷한 딜레마에 직면하지만, 다른 솔루션에 착륙

+0

궁극적으로 IE7 지원 이후 (Microsoft와 많은 설문 조사가 말하는 것과는 달리) 분석에서 압도적 인 사용으로 인한 요구 사항입니다. 앞으로도 IE7 지원이 필요할 것으로 예상되기 때문에 Bootstrap에서 IE7 지원을받는 데 여전히 관심이 있습니다. 처음으로 완전한 악몽 일지 모르지만 다음 프로젝트에 더 많은 시간을 할애하면 괜찮습니다. 여전히 누군가가 구체적인 성과 비교를 바탕으로 질문에 답변 할 수 있기를 바라고 있습니다. 결국 나는 자신의 비교를 시도하고 결과를 게시 할 것입니다. – cchiera

5

부트 스트랩 3. 사용하지 않는, IE 7을 지원해야합니까. Zout과 마찬가지로, 패치를 작동시킬 수 없기 때문에 polyfill을 필요로하지 않는 패치를 작성했습니다.

패딩이없고 왼쪽 여백이 두 번째 열로 시작하는 유체 열의 부트 스트랩 2 유형 그리드 시스템으로 떨어지는 방식으로 작동합니다. Bootstrap 3을 사용하는 IE7에서는 내 사이트가 완벽 해 보입니다.

부트 스트랩의 구성 요소 중 대부분에서 테스트 해본 결과, 작동합니다. 또한 IE 레이아웃 버그 및 기타 이상한 동작에 대한 수정 사항이 포함되어 있습니다.

어제 Github에 올려 놓았습니다. 희망이 도움이 :

https://github.com/LPology/Bootstrap-IE7Fix

+0

boxsizing.htc 메서드와 메서드를 모두 시도했습니다. 나를 위해 boxing 접근 방식이 잘 작동했습니다. http : //github.com/Schepp/box-sizing-polyfill 방법에서도 개선 된 레이아웃을 보여 주었지만, 레이아웃을 손상시킨 요소간에 여분의 여백이 나타났습니다. 형세. 두 방법 모두 IE6의 렌더링을 거의 고칠 수있는 상태로 개선했습니다. – konrad

+0

@konrad 레이아웃을 망가뜨린 추가 여백이있는 요소는 무엇입니까? 기둥은 그렇지만 유동적이며 넓이는 그것을 고려하여 조정됩니다. 실제로 Bootstrap 2.3.2에서 직접 가져 왔습니다. – user1091949

+0

나는 하나의 행에 맞추는 것보다 훨씬 많은 블록을 포함하는 행을 가지고있다. 이것은 Bootstrap 2에서 작동할지는 모르겠지만 Bootstrap 3에서는 아름답게 작동합니다. 첫 번째 행과 다른 행 사이에 차이가 있음을 발견했습니다. 행 안쪽에있는 블록 사이에는 거터도있었습니다. boxing.htc 해킹은 매우 효과적이었고 거터없이 서로를 바로 잡았습니다. 그러나 박스 모델 픽스가 나에게 도움이되지 않는다고해도 파일에 유용한 것으로 입증 될 수있는 많은 수정 사항이 있습니다! – konrad

1

부트 스트랩 3 IE7에 대한 지원 감소했다하지만 그 IE7을 지원하는 데 사용할 수있는 대체 GitHub의의의 repo, 그것은 여기에서 찾을 수있다 : https://github.com/coliff/bootstrap-ie7