2012-12-18 13 views
5

Od tygodni staram się rozwiązać ten problem, ale nie znalazłem rozwiązania. Moja webpage działa doskonale zarówno w przeglądarce Chrome, jak i Firefoxie, ale nie we wszystkich wersjach przeglądarki Internet Explorer. Wydaje się, że było wiele pytań na ten sam problem, ale nadal nie rozwiązałem mojego problemu po wypróbowaniu wszystkich znanych rozwiązań. Oto kilka informacji dla ciebie.Szyny - CSS nie załadowany do przeglądarki internetowej

  1. Strona internetowa (aplikacja) oparta jest na Ruby on Rails.
  2. Mam kilka wystarczających plików css; nie przekracza limitu "31"
  3. Na górze strony, mogę zdefiniować <!DOCTYPE HTML>
  4. Przekazuje weryfikacji W3C

arkusza stylów posts.css.scss zawiera ..

body { 
    background-color: #000000; 
    color: #FFF; 
} 

Nawet ta prosta stylizacja nie jest stosowana, gdy ktoś przegląda stronę za pomocą przeglądarki Internext.

Używam narzędzi do debugowania Firebug i Chrome, aby znaleźć źródło problemu, ale jeszcze nie udało się osiągnąć sukcesu. Byłbym wdzięczny za pomoc.

+2

Czy możesz uruchomić program w selektorze 4096 na jeden limit pliku (pamiętaj, że domyślnie szyny łączą wszystkie twoje css w jeden plik.) –

+0

@FrederickCheung, czy możesz mi powiedzieć, jak mogę to sprawdzić? –

+0

Nadal próbuję rozwiązać ten problem .. –

Odpowiedz

8

Rzeczywiście, przekroczyłeś limit wyboru 4096 na plik dla IE. Jesteś na 5775 według CSS: Selector Counter. Wygląda na to, że inni użyli tego rozwiązania, aby obejść ograniczenia selektora 4096: ChristianPeters CSS Split tool for IE 4096 Limit.

Innym narzędziem, które wydaje się być nieco bardziej formalny i udokumentowane: CSSSplitter

Daj mi znać, jeśli jeden z nich spełnia swoje zadanie.

+0

To był rzeczywiście problem. Pozbyłem się liczby selektorów CSS, wykluczając zbędne pliki z moich plików css (niepotrzebnie importowałem bootstrap w niektórych arkuszach stylów) –

Powiązane problemy