O'Reilly logo

Drupal 7 Media by Liran Tal

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Responsive web design

In responsive design, a web layout design implements a theme or template structure which adapts to the browser's viewport width and resolution. For example, consider a website which has several horizontal columns and possibly a horizontal menu too. Loading this website on a mobile smartphone would require the device's browser to zoom out completely to render the page and force the user to excessively scroll up and down, left and right to navigate through the website. Instead, if the website could somehow detect that it's been viewed by a mobile device and even detect it's measures (height and width) it could then take action to render the HTML differently so it would create just a single column of content as shown in the ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required