Web-Responsive!

Today's learning new content, Web response, response is generally used for mobile phone software interface proportional adaptation, the response is divided into three steps: 1, Flow-type layout. 2, media inquiries. 3, media-queries, flow layout can be automatically adjusted according to the screen size, media query is the most powerful tool needed to do this, let us use the percentage width to layout, and then narrow the browser to not fit the sidebar in the menu, the layout is displayed as a column, Media-queries to insert a sentence in HTML: <meta name= "viewport" content= "width=device-width; initial-scale=1.0 ">.

Web-Responsive!