Creating a Web page that renders well on both smartphone and tablet screens as well as computer monitors. There are two solutions. The first is to switch to a dedicated site upon detection of a mobile device (see mobile website
). The second, which is the true responsive design, is to make all the pages on the same website flexible and dynamically adjustable to the device and browser that requested them. The use of variable-sized fonts and images and multiple style sheets are basic approaches.
The Same Programming Skills
Whether using separate desktop and mobile sites or a single responsive site, the Web pages are coded and maintained by people with the same Web programming expertise. When a website and separate mobile apps are maintained, developers proficient in Web, Apple (iOS) and Android programming must be employed. However, not all programmers are proficient in all three coding platforms. Each environment is very different and barely resembles the others. See mobile emulator
and Media Queries
A Great Example
Both top and bottom browser renderings came from the same BitTorrent.com website and automatically conformed to the two dramatically different window widths.