Mobile browser is put the page in a virtual &other; Window &throughout; (viewport), usually the virtual &other; Window &throughout; (viewport) wider than the screen, so you don't have to put each web page into a small window (so the damage is not optimized for mobile browsers of the layout of the page), users can pan and zoom to see different parts of the page. The mobile version   Safari  Browser has introduced the latest   Viewport  This   Meta  Tag for web developers to control   Viewport  Size and scale, the other mobile browsers also basic support.
Viewport  Based

a used for mobile web optimized pages   Viewport  Meta  Label is roughly as follows:

<Meta  Name=&throughout; Viewport”   The content=&throughout; Width=device - width,   Initial - scale=1,   Maximum - scale=1 ″ >

width: control   Viewport  The size, you can specify a value, if   600, or of special value, such as   Device - width  For the width of the equipment (unit for scaling to   100%   when   CSS  pixels).
height: and   Width  Corresponding to the specified height.
initial - scale: initial scaling, which is the first time when the page   Load  When scaling.
maximum - scale: allow users to zoom to the largest proportion.
minimum - scale: allow users to zoom to the smallest ratio.
user - scalable: whether the user can manually zoom in     Yes    Or    No


This concludes the body part