min-width, max-height, min-height.
w CSS Jeśli nie potrzeba dzielić stylów na różne arkusze, można zrobić to wszystko w jednym pliku, używając media queries. @media screen and (min-width: 480px) { a { color: red;
Powyższy fragment CSS powoduje pokolorowanie wszystkich odnośników, jeśli tylko szerokość przeglądarki będzie wynosić minimum 480 pikseli.
Popularność Popularność RWD wynika z proporcji udziału urządzeń mobilnych, które z roku na rok zdobywają coraz większą część rynku.
Tę zmianę w znacznym stopniu przyspieszył Google, który lepiej ocenia strony internetowe w wynikach wyszukiwania, które poprawnie wyświetlają się na urządzeniach mobilnych.
Zmiana była na tyle rewolucyjna, że doczekała się własnej nazwy – .
W końcówce 2020 roku ponad 3,5 miliarda osób używa smartfonów. Na korzystaniu ze smartfonów spędzamy średnio prawie 3 godziny.
Zasady
Wyrażanie wymiarów strony internetowej w sposób względny – docelowego rozmiaru oraz kontekstu wyświetlania.
Dostosowywania elementów graficznych do danej wielkości – na przykład zdjęć, czy grafik.
Dla przeglądarki internetowej stanowi to informację, w jaki sposób obraz ma być skalowany, aby dostosować je do poszczególnych urządzeń.