This link shows how the new responsive design can be used to make your website adapt to the device that the website is viewed on.
These screenshots show how a webpage adapts when viewed on different devices. The images start with a traditional desktop view and goes through how the webpage would look on a tablet and eventually down to a phone layout. The website uses breakpoints to respond to the change in pixel width. These breakpoints are added when the layout that is being used is broken when squashed. This allows the website to keep a consistent look across a number of devices without appearing broken on some screen resolutions. Breakpoints are also used when the text becomes illegible due to the size of the screen that the site is being viewed on. As you can see from the screenshots below the functionality of the website doesn’t change, only the layout of the webpage changes.