After mobile devices started appearing with different screen size dimensions there arose a need for web design layouts and templates to have the ability to automatically adapt to various devices and modes. The goal was to optimize the view of each page without having to zoom or pan and even less scrolling on pages when using smaller than desktop sized screens.
A good responsively designed web site theme (or template) can fit a touchscreen smart phone or tablet in portrait or landscape modes as well as a full sized notebook (or laptop) and desktop display.
There are several modes that need to be optimized for the standard views:
- Phone | Portrait
- Phone | Landscape
- Tablet | Portrait
- Tablet | Landscape
- Desktop | Landscape
There can be more specific widths defined in the style sheets targeting certain devices.
A good responsive design for web will add elements when more width and height is available such as on desktop sized displays and also take away unnecessary elements when less viewing space is available such as on a phone in portrait mode.
If you have any questions about responsive web design leave a comment here or contact me.
Do you have a web site that needs to be optimized for mobile and desktop? Call me now (503) 521-0403
Acronym for responsive web design is RWD