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:

  1. bardziej wiarygodne (? polecane przez Modernizr , Twitter Bootstrap 3 i H5BP )
  2. lżejszy (4kb) i szybszy
  3. interpretować mediaquery w any context (<link>, inline CSS, @import-ed CSS)

Wady:

    Nie aktualizuje się przy zmianie rozmiaru okna]}
  1. obsługuje tylko min-width i max-width
  2. nie obsługuje em jednostek (ogromny słaby punkt!)

Css3-mediaqueries.js

Plusy:

  1. reaguje w czasie rzeczywistym (również przy zmianie rozmiaru!)
  2. obsługuje em jednostki (naprawdę? ktoś go testował?)

Wady:

  1. cięższy (15KB) i wolniejszy
  2. interpretować tylko inline CSS z jawnie zadeklarowanym typem nośnika
  3. [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?

Author: Community, 2012-10-11

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

  1. min, max i min+max mediaqueries
  2. obsługuje px i em wartości
  3. reaguje na zmianę rozmiaru okna
  4. rozbudowuje on-page CSS (<style>) i zewnętrzne stylesheets

Cons

  1. nie obsługuje width mediaquery
  2. nie rozbudowuje <link media="screen and ..."> ani @importarkusza stylów

Odpowiedzjs

Plusy

  1. min, max i min+max mediaqueries
  2. obsługuje px i em wartości
  3. reaguje na zmianę rozmiaru okna
  4. opracowuje tylko zewnętrzne arkusze stylów

Cons

  1. nie obsługuje width mediaquery
  2. nie rozwiń na stronie CSS, <link media="screen and ..."> nor @imported stylesheets
  3. Aby go rozwiązać, należy umieścić skrypt na końcu strony{[35]]}

Mediatizr.js

Po prostu..nie działa

W końcu zdecydowałem się na css-mediaqueries.js, warunkowo załadowany Modernizr .

 18
Author: Giona,
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.

 -2
Author: BlackMagic,
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