How to Use CSS3 to implement responsive Web design and css3 to respond to web Design
How to implement responsive Web design through CSS3:
There are three steps: (1) Allow Automatic Webpage Width Adjustment. First, add the following line to the page header: <meta name = "viewport" content = "width = device-width, initial-scale = 1 "/> viewport is the default width and height of the webpage. The default width of the webpage is equal to the screen width (width = device-width ), in addition, the original scaling ratio (initial-scale = 1) is 1.0, that is, the initial page size accounts for 100% of the screen area. (2) stream layout. The absolute width layout and font size are not used, that is, in the Code of css, px (width: px) cannot be used when the width and height are defined. Only the percentage (width: %) or (width: auto) defines the height and width. The relative unit (em) is used to define the font size, and no absolute unit (px) is used ). (3) media query @ media only screen and (max-width: px) max-width is executed when the screen is smaller than or equal to the number (min-widt) it is executed when the screen is greater than or equal.