Adopt responsive layouts

Adopt responsive layouts

Make your site work with different screen sizes.

Consider implementing layouts that are dynamic, e.g. text boxes that automatically resize to the size that fits the content, or handles that let users resize the box.

 

Many mobile devices means many different dimensions. However tempting it may be, don’t just design for a 320 pixel width. Like it or not – 176, 240, 320, 360, ~480-600 (landscape) are also common device widths. Keeping your layout flexible and fluid ensures it displays properly on different screen sizes. You don’t want the site to work just on devices that match your fixed break points but look weird on everything else. Here’s a primer to fluid layouts and one on getting fluid layouts working in responsive designs.

https://www.sitepoint.com/responsive-web-design-fluid-layouts/

 

  • Use One-Window Drilldowns on Small Devices