1. Create a mobile end page (main) alone
Fluid layout (layout percentage)
- Flow layout, the layout is the percentage, also called non-fixed pixel layouts
- The percentage provided by the width of the box to be scalable according to the width of the screen, the pixels are not fixed limits, the content is filled on both sides
- Flow layout mode mobile web development using the more common layout.
- max-width maximum width (max-height maximum height)
- min-width minimum width (min-height minimum height)
Common initialization Style:
body{
margin：0 auto；
min-width：320px；
max-width：640px；
background：#fff；
font-size：14px；
font-family：-apple-system，Helvetica，sans-serif；
line-height：1.5；
color：#666；
}
flex elastic layout (highly recommended)
less + rem + media queries layout
Hybrid layout
2. Responsive page compatible mobile terminal (second)
Media Inquiries
bootstrap