In the era of full access to the Internet, with the popularization of various mobile devices, mobile internet has become more popular. Mobile devices are increasingly moving beyond desktop devices, as mobile internet usage goes far beyond the traditional use of the Internet. Because users are using different habits on mobile devices, UX designers are unable to copy page layouts from desktop devices intact to mobile devices, which makes it very inconvenient for users to manipulate and read Web pages.
As a result, designers try to design the Web pages of mobile devices and desktop devices separately, but the problem is that the size of the mobile device screen is completely different on the market. For example, the iphone mobile device has been updated many times the screen size, the device screen size between different brands can not be controlled, designers can not for each of the different screen size to design a page suitable for their size.
In this case, Ethan Marcotte introduced the concept of responsive web design (responsive) in 2010, designed to improve the user experience on the mobile side of a Web page by identifying the screen size of the device and making a corresponding adjustment to the web design. At the same time, Ethan Marcotte also simulates the establishment of a simple responsive web-based demonstration site, where the master can tap into the link experience.
Responsive web Designs (responsive web design)