Komentarze do: Media Queries w przykładach

Autor: Stefan

Stefan — Wed, 29 May 2013 07:27:00 +0000

W odpowiedzi do Michał Załęcki. No właśnie, różnica podejścia. Można zrobić skalowalną stronę bez użycia media queries lub z ich niewielką pomocą, a można też tak się do nich przywiązać, że w IE7 czy innej archaicznej przeglądarce będziemy mieli "wersję mobilną"...ewentualnie gimnastykować się ze skryptami. Moje podejście można samozwańczo nazwać "all first" :)

Autor: Michał Załęcki

Michał Załęcki — Tue, 28 May 2013 14:50:00 +0000

W odpowiedzi do Stefan. To nie jest inna właściwość tylko wg. przytoczonej w tekście dokumentacji po prostu jej inny prefix. Każda z przytoczonych właściwość posiadająca prefix min ma również prefix max. Niemniej wartym odnotowania jest, że to czy stosujemy max-width czy min-width definiuje po części czy nasze strony są "mobile first" czy nie.

Autor: Stefan

Stefan — Tue, 28 May 2013 08:09:00 +0000

Jak dla mnie zabrakło „max-width”, które jest bardzo przydatne.
Osobiście staram się najpierw zrobić CSS-y w „czystym” RWD (używając max-width zamiast width, odpowiednio konstruując szkielet strony itp.), aby elementy same z siebie skalowały się.
Potem tylko dodaję kilka media queries, które porządkują to co powinno wyglądać w inny sposób lub się „krzaczy”.

Autor: Michał Załęcki

Michał Załęcki — Fri, 24 May 2013 19:26:00 +0000

W odpowiedzi do Paweł. W demie poprawiłem, tu mi umknęło. +1 za spostrzegawczość :P

Autor: Michał Kortas

Michał Kortas — Fri, 24 May 2013 19:23:00 +0000

W odpowiedzi do Paweł. Dziękuję, Pawle, za spostrzegawczość. Poprawione :-)

Autor: Paweł

Paweł — Fri, 24 May 2013 19:18:00 +0000

„Retina (Urządzenia o wyskokim zagęszczeniu pikseli)” – macie tutaj literówkę.