First, in response to the development of Formula
1, the response layout is compatible with a plurality of terminal sites.
2, the principle responsive development
In CSS3 Media Query (media queries, and to add a space after a certain @media screen and (min-width: 768px) and (max-width: 992px) {}; page specified by a width of the section width of the query screen layout.
Ultra-small screen (mobile devices) 768px or less
Small screen devices 768px-992px
Medium screen 992px-1200px
Large screen devices more than 1200px
3, the development and movement responsive web developers distinction
bootStrap
bootStrap frame ---- the most popular front-end UI framework (prefabricated interface components)
Features: assembly simple and elegant, streamline code specification, custom interface strong
advantage:
It has its own ecosystem, constantly updated iteration
It provides a simple, intuitive, powerful components
Normalized to standard coding specification html + css
Make development easier, improves the efficiency of the development.
3, the layout container
.container container support fixed width and responsive layout
Default margin: 55px; padding: 15px;
.container-fluid type for the 100% width, occupy the entire viewport (the viewport) of the container.
4, delete grid system
Rows: row by stretching its parent container filled with padding
Raster parameters: