A mobile website is a separate version of your desktop website and it is designed to be used exclusively on smartphone devices.
Typically, the mobile version includes a limited number of the many pages that are displayed on your desktop version. However, it will include a link to your full desktop website so that visitors have the option to find additional information.
When a smartphone user comes to your website, an “auto-detect” will recognize the device they’re using and then send that visitor to the mobile version (for example, “m.yourdomainname.com,” rather than “
www.yourdomainname.com”).
Since a mobile website is a condensed version of your main desktop site, it’s not very expensive to build for most businesses, and is a sufficient short-term solution if you don’t have the budget for a responsive design.
A responsive designed website is a website designed for use on desktops, tablets and smartphones.
Rather than creating a separate version of your website exclusively for smartphone visitors (as is the case with a mobile website), the content on a responsive website adjusts to fit the screen dimensions of your visitors’ browsing device. Think of it as having one website for many different devices.