Responsive web design: Różnice pomiędzy wersjami

[wersja przejrzana][wersja przejrzana]
Usunięta treść Dodana treść
Kjsoft (dyskusja | edycje)
drobne techniczne
Linia 1:
[[Plik:Diseno-web-responsive-design.jpg|thumb|250px|right|Rozpoznanie i dostosowanie do wielkości urządzenia - ''Responsive Web Design'' (RWD).]]
'''Responsive Web Design''' (RWD) technika projektowania [[strona internetowa|strony www]], tak aby jej wygląd i układ dostosowywał się automatycznie do rozmiaru okna urządzenia, na którym jest wyświetlany np. [[przeglądarka internetowa|przeglądarki]], [[smartfon]]ów czy [[Tablet (komputer)|tabletów]]<ref>[http://prnews.pl/nasz-gosc/przyszosc-bankowosci-mobilnej-to-serwisy-lite-3073578.html ''Przyszłość bankowości mobilnej to serwisy lite'' - PRNews.pl (Dostep: 2014-03-04)].</ref>. Strona tworzona w takiej technice jest uniwersalna i wyświetla się dobrze zarówno na dużych ekranach, jak i na smartfonach czy tabletach.
 
== Wdrażanie Responsive Web Design ==
Linia 21:
Jeśli nie potrzeba dzielić stylów na różne arkusze, można zrobić to wszystko w jednym pliku używając media queries.
<source lang="css">
@media screen and (min-width: 480px) {
a {
color: red;