ALERT

[LAST CHANCE] Data Layer: Modern Business, Defined

Responsive Web Design (RWD)

Definition - What does Responsive Web Design (RWD) mean?

Responsive Web Design (RWD) is an approach in Web development and design that is geared toward creating sites that provide an efficient and appealing visual experience with text that is easy to navigate without altering the resolution of a display screen.

This capability extends to any device or browser used to view a website, which means the website appearance and layout change according to the size of the display screen.

Techopedia explains Responsive Web Design (RWD)

RWD is used to adapt a website’s layout to a user's viewing environment via fluid and proportion-based grids, flexible images and smart CSS and script usage.

RWD uses the following methods:
  • Fluid grids, where elements are resized through the use of relative units, like percentages, versus absolute units, like standard measurements and pixels
  • Flexible images, which are also sized in relative units
  • Cascading Style Sheet (CSS) media queries, which allow a website to determine device type, screen size and browser capabilities, enabling the delivery of different style rules based on these characteristics
  • Server-side components with media queries, which enable faster loading websites - even with slower cellular data speeds

Techopedia Deals

Connect with us

Techopedia on Linkedin
Techopedia on Linkedin
Tweat cdn.techopedia.com
"Techopedia" on Twitter


'@Techopedia'
Sign up for Techopedia's Free Newsletter!

Email Newsletter

Join thousands of others with our weekly newsletter

Resources
The 4th Era of IT Infrastructure: Superconverged Systems
The 4th Era of IT Infrastructure: Superconverged Systems:
Learn the benefits and limitations of the 3 generations of IT infrastructure – siloed, converged and hyperconverged – and discover how the 4th...
Approaches and Benefits of Network Virtualization
Approaches and Benefits of Network Virtualization:
Businesses today aspire to achieve a software-defined datacenter (SDDC) to enhance business agility and reduce operational complexity. However, the...
Free E-Book: Public Cloud Guide
Free E-Book: Public Cloud Guide:
This white paper is for leaders of Operations, Engineering, or Infrastructure teams who are creating or executing an IT roadmap.
Free Tool: Virtual Health Monitor
Free Tool: Virtual Health Monitor:
Virtual Health Monitor is a free virtualization monitoring and reporting tool for VMware, Hyper-V, RHEV, and XenServer environments.
Free 30 Day Trial – Turbonomic
Free 30 Day Trial – Turbonomic:
Turbonomic delivers an autonomic platform where virtual and cloud environments self-manage in real-time to assure application performance.