Mobile Web design size, about mobile web dimensions that little thing

When I do my own manuscript, I have a habit at first, put this code
<meta name= "viewport" content= "Width=device-width, initial-scale=1.0, maximum-scale=1.0, User-scalable=no"/ >The URL bar is not hidden
<meta name= "viewport" content= "Width=device-width, initial-scale=1.0, maximum-scale=1.0, User-scalable=no, Minimal-ui "/>The URL bar is hidden
1:1 display (initial-scale=1.0, maximum-scale=1.0),

No Zoom Out (user-scalable=no)
Hide the iOS system browser URL column and Status column (Minimal-ui, only IOS7 version support OH)


Now it's the 1:1 show.

Mobile WEP must be using HTML5!! Needless to say.

And then just
alert (' width: ' + window.innerwidth + '; height: ' + window.innerheight ');
This allows you to visualize the size of the area 1:1!!
This will get the size of the visible area of the machine!! Then you can do the manuscript directly in PS or AI,
Remember is 72 resolution Oh,

There is a special attention, is the picture of the problem, must add 1 time times the width and height to make the picture is particularly clear oh, excellent it is the logo, this ~ ~ You know ~~~~~


At the moment I know the size of the mobile-side viewable area

iphone4/iphone4s 320 * 372/320 * 441 (hidden URL and status bar)

iphone5/iphone5s 320 * 460/320 * 529 (hidden URL and status bar)

Note2 360 * 567 (URL and status bar not hidden)

IPad 3/4 768*928 (not hidden URL and status bar)

GALAXY SIII 360 * 567 (not hidden URL with status bar)

Xiaomi 2A 360 *567 (not hidden URL and status bar)
HTC G10 * 460


The above is what I now know, there are special many, we have more than print out, and then share out, people more power, with the machine is different


Heard
Window.onload = function () {
SetTimeout (scrollto,0,0,0);
}
Can hide the Android and iOS system URL, but I always try not to, I was wrong, or the machine problem, or TM is not to force.

Mobile Web design size, about mobile web dimensions that little thing