Comparing the computer end of the phone side effect
Visible, great view of the computer terminal, mobile point of view it is very small
Does not look good
See it again
When big picture
When displayed on a mobile phone, is a scaled down
We do not want to have an effect like this
Set Viewport
Mobile devices will have their width and height
effect
Bigger map, adapting it to make it smaller, to see results
example
Web page development
FIG art to size
750 is just six doubles iphone
The front end of the case according to the size of the phone first enlarged scale well
When a mobile terminal, and then shrink. Page will not clear the confusion.
Not only image scaling, background also need to zoom
Let background adaptation
If you do not fit, Photo original size, after adaptation, scaled
Background image according to the present embodiment, the width and height of the box .box adaptation results
Is the picture exactly the same size and dimensions of the box to complete the adaptation
Adaptation ago
Image too big
After adaptation
Using the adaptation length, width and height parameters
You can also use a percentage
background-size: width high percentage Percentage
auto, life-size background
cover effect
Parent cover the whole picture
contain
So that containers can be unfolded all the pictures
Summary of the mobile terminal has a concept of viewport, and a screen adapted retina concepts