Jak utworzyć nową obsługę Zurb Foundation dla IE 7+?

Question

Niedawno zbudowałem responsywną stronę internetową. Używam Zurb Foundation, ponieważ niektóre porady i artykuły to najlepsze rozwiązanie, które sprawi, że responsywna strona stanie się bardziej wydajna. Ale problem, nowa wersja Foundation nie obsługuje IE 7+, jak widać here, ale chcę mojej strony wsparcia dla całej wersji IE. Niektórzy sugerują porady dotyczące używania starej Fundacji (tj. Vers 3). Ale myślę, że najnowsza wersja jest najlepsza.

Moje pytanie, jakieś rozwiązanie, aby utworzyć nową obsługę Fundacji (w wersji 4) dla IE? Potrzebuję porady, ponieważ jestem tutaj. Dziękujemy

Answer 1

Problem z IE7 i IE8 polega na tym, że nie mają wbudowanej obsługi zapytań o media.

Istnieje kilka opcji, które mogą pomóc , które dodają obsługę zapytań o media do starych przeglądarek.

Dwa najpopularniejsze to respond.js i css3-mediaqueries.js. Odniosłem sukces z oboma.

Na początku strony przetestuj przeglądarkę i załaduj jeden z tych skryptów, jeśli to konieczne.

Sposoby robiłem to w przeszłości są albo z komentarzy warunkowych:

<!--[if (lt IE 9) & (!IEMobile)]> 
<script src="path-to/respond.js"></script> 
<![endif]--> 

lub za pomocą modernizr

Modernizr.load([ 
{ 
// The test: does the browser understand Media Queries? 
test : Modernizr.mq('only all'), 
// If not, load the respond.js file 
nope : '/js/respond.js' 
} 
]); 

Obie metody są na tyle proste, aby spróbować, a jeśli nawet choć don nie pomożemy ci w tym konkretnym przypadku, prawdopodobnie będziesz mieć możliwość wypróbowania ich ponownie w innej witrynie.

Powodzenia!

Answer 2

Napisałem ten plik http://justthisguy.co.uk/responsive-sass-and-ie/, który analizuje użycie programu startowego i generuje arkusz stylów ie7, który domyślnie wyświetla widok pulpitu. W pewnym momencie zamierzam pracować nad wersją podstawową. Powoduje to pewne powielenie reguł css, ale coś takiego jak https://github.com/addyosmani/grunt-uncss może być użyte do usunięcia tej duplikacji.