css3-mediaqueries.js VS odpowiedz.js
Odpowiedz.js lub css3-mediaqueries.js ?
Oficjalna dokumentacja, zwłaszcza css3-mediaqueries.js, jest rzadki. Czytając NA SO, forach i blogach podsumowałem te plusy i minusy.
Odpowiedzjs
Plusy:
- bardziej wiarygodne (? polecane przez Modernizr , Twitter Bootstrap 3 i H5BP )
- lżejszy (4kb) i szybszy
- interpretować mediaquery w any context (
<link>
, inline CSS, @import-ed CSS)
Wady:
-
Nie aktualizuje się przy zmianie rozmiaru okna]}
- obsługuje tylko
min-width
imax-width
- nie obsługuje
em
jednostek (ogromny słaby punkt!)
Css3-mediaqueries.js
Plusy:
- reaguje w czasie rzeczywistym (również przy zmianie rozmiaru!)
- obsługuje
em
jednostki (naprawdę? ktoś go testował?)
Wady:
- cięższy (15KB) i wolniejszy
- interpretować tylko inline CSS z jawnie zadeklarowanym typem nośnika [23]} brak szczegółowej dokumentacji i projekt wydaje się opuszczony
Czy ktoś ma punkty do dodania do listy, osobiste doświadczenia do podzielenia się, lub szczególne preferencje dla jednego lub drugiego skryptu? Jeśli tak, to dlaczego?
2 answers
Utworzyłem stronę testową, w tym Mediatizr .
Jeśli ktoś jest zainteresowany, tutaj jest strona testowa , a to są wyniki (testowane na IE8 i IE7).
Css3-mediaqueries.js
Plusy
-
min
,max
imin+max
mediaqueries - obsługuje
px
iem
wartości - reaguje na zmianę rozmiaru okna
- rozbudowuje on-page CSS (
<style>
) i zewnętrzne stylesheets
Cons
- nie obsługuje
width
mediaquery - nie rozbudowuje
<link media="screen and ...">
ani@import
arkusza stylów
Odpowiedzjs
Plusy
-
min
,max
imin+max
mediaqueries - obsługuje
px
iem
wartości - reaguje na zmianę rozmiaru okna
- opracowuje tylko zewnętrzne arkusze stylów
Cons
- nie obsługuje
width
mediaquery - nie rozwiń na stronie CSS,
<link media="screen and ...">
nor@import
ed stylesheets
Aby go rozwiązać, należy umieścić skrypt na końcu strony{[35]]}
Mediatizr.js
Po prostu..nie działaW końcu zdecydowałem się na css-mediaqueries.js, warunkowo załadowany Modernizr .
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-10-25 11:28:43
Temat jest teraz chyba dyskusyjny. Opracowałem czysty framework Javascript, który generuje i zarządza zapytaniami o media. Działa ze wszystkimi przeglądarkami i systemami operacyjnymi. Jego wielkość to mniej niż 500 znaków. Możesz zobaczyć, jak działa tutaj: ieee-ac.org.
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-10-13 03:59:21