Mobile Friendly Responsive Website Design
What is Responsive Website Design?Responsive web design also known as RWD has been around since late 2011 and is an approach used to build websites which provide optimal viewing experiences on all devices.
Responsive website design allows for easy to read content and navigation and a minimum of resizing, panning, and scrolling, all across a wide range of devices, from desktop computer monitors to mobile phones.
A responsive website automatically rearranges the page content and elements to fit the device it is being viewed on. Whilst responsive website design is more expensive due to its complexity and additional build time, it completely eliminates the need to duplicate a website for mobile and other devices.
To test a website is responsive if you view any website on your desktop Pc or Mac, then reduce the browser window by clicking and dragging a corner down and towards the middle or left hand side you will see a responsive websites layout remains fluid and all content and images reduce. It basically pushes all the content to the left whilst remaining readable.
Fixed layout non ResponsiveOn non fixed layout website if you reduce the browser window by clicking and dragging a corner down and towards the middle of the screen, you will see after a set width your browser adds a horizontal scroll bar. This is because the browser window has reduced to less than the fixed width and you would need to scroll left and right to view all the content.
On mobile devices they automatically reduce the whole screen size which results in small unreadable content.