• Allowed for individual master
pages to target specific devices.
• Allowed for a unique viewing
• Required users to maintain multiple
master pages in order to provide
unified experience for users.
• Only available in SharePoint 2013
• Can have a maximum of 10 device
Ethan Marcotte coined the term responsive web design (RWD) in a May 2010
article in A List Apart.
Uses fluid grids and CSS3 Media Queries to adjust layout as screen width
The fluid grid concept calls for page element sizing to be in relative units like
percentages, but can also use pixels or points.
All content remains and adjusts to the screen width
The fluid grid system uses percentages
instead of pixels for column widths
ensuring proper proportions for key screen
resolutions and devices.
Here are some common break points to use for your RWD
320 px — Mobile portrait
480 px — Mobile landscape
600 px — Small tablet
768 px — Tablet portrait
1024 px — Tablet landscape/Netbook
1280 px & greater — Desktop