The Basics of Mobile-Friendly Web Design
When designing or redesigning a website, you must also consider creating alternative, mobile-friendly versions of the site. These versions are not to be confused with native applications that live on your smart phones (the ones you download from app stores). Smart phones all have web browsers and can render your website with varying degrees of success. Essentially, you must make a list of what devices you will support, and design alternative sites to meet these multiple targets. Other than that, the most obvious constraint they all share is the small screen size of phone browser windows.
You can add code to your site that detects a user’s device and redirects them to the appropriate version of your website. With so many devices to choose from, developers typically create various device profiles and lump many devices into one of a handful of these profiles. Profiles are usually driven by screen size: