With the rapid development of mobile Internet, Internet
terminals are increasingly designed in many ways, the screen
size of the device meets the different needs of users, but the
size of the site is impossible to design a dedicated interface
for each device. Therefore, responsive web design get
progressively generate and more widely used. Responsive
Web Design (Responsive Web Design, RWD), integrate
three kinds of existing development skills (flexible network
pattern, flexible pictures, media and media inquiries) and
named responsive Web design. Its essence is to design a web
content display mechanism in perfect layout for any device.
Responsive design is not only changing the page-layout
based on the size of the viewport, but also to subvert the
whole methods from the current design. Formerly, web
designers fixed width design for the desktop computer, then
zoomed out and rearranged content for the small screen .
Design and Development of the web page should make an
appropriate response and adjustment according to user's
system platform, screen size, screen orientation and so on.
That means no matter what screen size of the device is being
used, we should be able to switch the page resolution, picture
size and related scripting capabilities automatically, so as to
adapt to different devices.