Bootstrap 2 lub Bootstrap 3 dla IE 7 Performance Wise

Podczas gdy wiem, że SO nie lubi tematów A i B, wysłuchaj mnie.Bootstrap 2 lub Bootstrap 3 dla IE 7 Performance Wise

Bootstrap 3 został właśnie wydany z niezliczonymi usprawnieniami. Jedynym potencjalnym wyłącznikiem jest spadek kompatybilności IE 7. Dla strony, która jest przeznaczona dla użytkowników korporacyjnych, niestety nie jest to praktyczne, ponieważ w jednym konkretnym przypadku jest to nadal około 10% rynku.

Więc wspieranie IE7 jest koniecznością, które można by pomyśleć, że po prostu oznacza, decydując się trzymać z Bootstrap 2. Jednakże w tym https://github.com/coliff/bootstrap-ie7 można łatwo dodać obsługę IE7 powrotem zachowując wszystkie zalety Bootstrap 3.

jednym z nich jest to, że musisz użyć boxsizing.htc polyfill dla użytkowników IE 7 (https://github.com/Schepp/box-sizing-polyfill)

Więc moje pytanie byłoby lepiej trzymać się Bootstrap 2 lub przejść do Bootstrap 3.0 z boxsizing.htc? B3 z .htc będzie wolniejszy dla 10% użytkowników IE7 niż z B2, ale jeśli ledwo zauważalny (zwłaszcza jeśli serwer buforuje), to warto by to dla reszty 90%.

Jeśli wiadomo, to następna rzecz, o której sądzę, że mógłbym przetestować to instalowanie domyślnych B2 i B3 z serwisami demonstracyjnymi .htc i porównywanie prędkości w IE7.

PS Jeśli istnieje lepsza polyfill do dodawania wymiarów pudełek do IE7 niż wymieniona powyżej wydajność, proszę dać mi znać.

Źródło

2013-09-03 cchiera

Radzę; nie używaj Bootstrap (platformy mobilnej), gdy myślisz o użytkownikach IE-7 jako pierwszorzędnych obywateli. – Abdulaziz

Niestety nie jestem pewien, czy podążam. Nie uważam użytkowników IE7 za obywateli pierwszej klasy, ale jak wspomniano, jeśli 10% bazy użytkowników danej witryny to IE7, to po prostu zbyt wiele do zignorowania, gdy użytkownicy są użytkownikami biznesowymi chcącymi zarejestrować się w celu uzyskania produktu. W powyższym przykładzie użytkownicy IE7 nie otrzymają zaokrąglonych narożników, cieni tekstu i innych pierwszorzędnych funkcji obywatelskich. Jednak bez boxresizing w B3 układ się zepsuł, więc musi być obsługiwany. – cchiera

Czy chcesz przenieść swoją witrynę do TB3? Zobacz: http: //bassjobsen.weblogs.fm/ITS-a-wstyd-the-najnowsza-wersja-of-githubs-najbardziej popularne projekty-is-not-wstecznie kompatybilny/ –

Jest to kompletny koszmar do obsługi IE 7 z Bootstrap 3. Wypróbowaliśmy go i musieliśmy wrócić do Bootstrap 2 dla naszego nowego projektu.

Spróbowaliśmy wymienić te poprawki.

Więc dolna linia: Czy naprawdę trzeba wspierać IE 7, nie używaj Bootstrap 3.

Źródło

2013-11-18 11:11:13 Zout

Dzięki, ostatecznie od czasu wsparcia IE7 wymaganie ze względu na przytłaczające wysokie użycie w naszych analizach (w przeciwieństwie do tego, co Microsoft i wiele badań mówi), jak zapewne wiesz. Ponieważ wsparcie IE7 będzie nadal potrzebne w najbliższej przyszłości, nadal jestem zainteresowany obsługą IE7 w Bootstrap. Chociaż może to być kompletny koszmar za pierwszym razem, w porządku, jeśli mam więcej czasu na kolejny projekt. Nadal mam nadzieję, że ktoś jest w stanie odpowiedzieć na pytanie na podstawie dokładnego porównania wyników. W końcu sam spróbuję porównania i opublikuję wyniki. – cchiera

wychodził podobny dylemat z Bootstrap 3/IE7, ale wylądował na innym rozwiązaniu. Podobnie jak Zout, nie mogłem uruchomić łaty, więc napisałem taką, która nie wymaga polyfill.

Działa poprzez powrót do systemu siatki typu Bootstrap 2 z płynnymi kolumnami bez wypełnienia i lewym marginesem rozpoczynającym się od drugiej kolumny. W IE7 z Bootstrap 3 moja strona wygląda idealnie.

Testowałem to (i działa) z większością komponentów Bootstrap. Zawiera również poprawki błędów układu IE i innych dziwnych zachowań.

Właśnie umieściłem to na Github wczoraj. Nadzieję, że to pomaga:

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

Źródło

2013-11-28 04:57:04 user1091949

Próbowałem zarówno metody boxsizing.htc, jak i metody. Dla mnie podejście boxingowe działało bardzo dobrze. Upewnij się, że plik htc jest obsługiwany z odpowiednim typem MIME, jak wspomniano w: http://hithps: //github.com/Schepp/box-sizing-polyfill Twoja metoda również pokazała ulepszony układ, ale pojawiły się dodatkowe marginesy między elementami, które zepsuły układ. Oba podejścia poprawiły również rendering na IE6 do stanu prawie możliwego do naprawienia. – konrad

@konrad Które elementy mają dodatkowe marginesy, które złamały układ? Kolumny są, ale są płynne, a szerokość dostosowana do tego. Właściwie wziąłem je bezpośrednio z Bootstrap 2.3.2. – user1091949

Mam wiersze, które zawierają całą masę bloków, więcej niż mieszczą się w jednym rzędzie. Nie jestem pewien, czy to działałoby z Bootstrap 2, ale działa to pięknie z Bootstrap 3. Zauważyłem, że istnieje różnica między pierwszym a drugim rzędem. Między rzędami wewnątrz rzędu znajdowała się rynna. Hack boxingizing.htc działał bardzo dobrze i trzymał wszystkie bloki obok siebie bez rynny. Ale nawet jeśli poprawka twojego modelu pudełkowego nie jest dla mnie pomocna, w twoim pliku jest wiele innych poprawek, które mogą okazać się przydatne! – konrad

Bootstrap 3 spadło poparcie dla IE7 ale istnieje alternatywa repo github można użyć, który obsługuje IE7, można znaleźć tutaj: https://github.com/coliff/bootstrap-ie7

Źródło

2013-11-28 05:13:13

Bootstrap 2 lub Bootstrap 3 dla IE 7 Performance Wise

Odpowiedz

Powiązane problemy