2016.9.25 learn the details, 6.9.25.

2016.9.25 learn the details, 6.9.25.

Normally, using bootstrap is faster than writing a responsive layout with native code.

Add the previous article "Practical Application of bootstrap":

Bootstrap lang: Because bootstrap has fixed css styles in nature, when you want to modify the content copied from bootstrap, for example:

<Button type = "button" class = "btn-default"> @ media screen and (min-width: 1242px) {html {font-size: 38.8125px ;}}
@ Media screen and (min-width: 960px) {html {font-size: 30px ;}}
@ Media screen and (max-width: 750px) {html {font-size: 23.4375px ;}}
@ Media screen and (max-width: 640px) {html {font-size: 20px ;}}
@ Media screen and (max-width: 414px) {html {font-size: 12.9375px ;}}
@ Media screen and (max-width: 360px) {html {font-size: 11.25px ;}}
@ Media screen and (max-width: 320px) {html {font-size: 10px ;}}
When using an image, img cannot be wrapped in a div.

Graceful degradation
At the beginning, web pages in compatible browsers were gradually adapted to browsers with poor compatibility.
 
Gradually increase
At first, the screen of all browsers was adapted, but only the basic functions were used, and then the content was gradually filled in.
 
Set the iner width to 100% in bootstrap.
If the position fixed attribute is applied to the navigation and tail, do not use margin or padding to pin the distance in the middle part of the layout positioning; otherwise, the element to be located will be displayed above the fixed navigation. blocks navigation. both absolute and relative cannot use the result. You can test the result by yourself .....