Responsive Web Design (RWD)

Autor: Eugene Taylor
Data Utworzenia: 7 Sierpień 2021
Data Aktualizacji: 22 Czerwiec 2024
Anonim
Introduction To Responsive Web Design - HTML & CSS Tutorial
Wideo: Introduction To Responsive Web Design - HTML & CSS Tutorial

Zawartość

Definicja - Co oznacza responsive web design (RWD)?

Responsive web design (RWD) to podejście do tworzenia i projektowania stron internetowych, którego celem jest tworzenie witryn zapewniających wydajne i atrakcyjne wrażenia wizualne, które są łatwe w nawigacji bez zmiany rozdzielczości ekranu wyświetlacza.


Ta funkcja rozciąga się na dowolne urządzenie lub przeglądarkę używaną do przeglądania strony internetowej, co oznacza zmianę wyglądu i układu strony w zależności od wielkości ekranu wyświetlacza.

Wprowadzenie do Microsoft Azure i Microsoft Cloud | W tym przewodniku dowiesz się, na czym polega przetwarzanie w chmurze i jak Microsoft Azure może pomóc w migracji i prowadzeniu firmy z chmury.

Techopedia wyjaśnia Responsive Web Design (RWD)

RWD służy do dostosowania układu witryny do środowiska przeglądania użytkowników za pomocą płynnych i proporcjonalnych siatek, elastycznych obrazów oraz inteligentnego CSS i użycia skryptu.

RWD stosuje następujące metody:

  • Płynne siatki, w których zmienia się rozmiar elementów za pomocą jednostek względnych, takich jak procenty, w porównaniu do jednostek bezwzględnych, takich jak standardowe pomiary i piksele
  • Elastyczne obrazy, które są również wielkości w jednostkach względnych
  • Zapytania o media kaskadowego arkusza stylów (CSS), które pozwalają stronie internetowej określić typ urządzenia, rozmiar ekranu i możliwości przeglądarki, umożliwiając dostarczanie różnych reguł stylu opartych na tych cechach
  • Komponenty po stronie serwera z zapytaniami o media, które umożliwiają szybsze ładowanie stron internetowych - nawet przy niższych prędkościach danych komórkowych