A simple case study of responsive layout

Responsive Layout

Responsive layout in the face of different resolutions of the device flexibility, in peacetime web design is basically to use the responsive layout design, it gives us a good user browsing page, can bring us a better customer experience, below to share the next I do a simple responsive layout:

Different pages will be available for different size browser pages, which will change with the resolution. The code is shown below:

<!    　　　　DOCTYPE html>

Do not rigorous, because of the time problem, please forgive me.

The above response to the layout of the simple case is the small part of the whole content to share to everyone, I hope we can give you a reference, but also hope that we support a lot of topic.alibabacloud.com.