换了一家新公司差不多一年的时间啦！！刚进来的时候看到其他同事在很牛B 的写css，写的特妈的快，啪啪啪~~~~~~的声，
靠近一看，特妈的全是class一直重复重复，好多个是一样的，为什么不 .className li 这样呢，看着多爽快，多舒服。
话题说远了
聊一下有关移动web设计稿的尺寸问题
不知道大家在做移动web设计稿的时候是用什么软件做设计稿，
PS还是AI，还是不用设计稿，直接写css（天才前端啊~~~），还是用jquerymobile
这个就不知道大家了
我自己的做稿子的时候，一开始就有一个习惯，先放上这段代码
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 未隐藏URL栏
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui" /> 已隐藏URL栏
1：1显示（initial-scale=1.0, maximum-scale=1.0），
禁止放大缩小（user-scalable=no）
隐藏IOS系统浏览器的URL栏目与状态栏目（minimal-ui，只有IOS7版本支持哦）
现在就是1：1显示啦，
移动wep肯定是用HTML5啦！！不用说的
然后就
alert('width:' + window.innerWidth + ';height:' + window.innerHeight);
这样就能可视区域1：1的尺寸啦！！
这样就得到机子可视区域尺寸啦！！然后直接就可以在PS或AI里面做稿喽，
记得是72分辨率哦，
还有一点特别注意，就是图片的问题，一定要加1倍的宽和高才能让图片特别清晰哦，优其是LOGO，这个~~你懂的~~~~~
目前我知道的移动端可视区尺寸
iPhone4/iPhone4s 320 * 372 / 320 * 441 (已隐藏URL与状态栏)
iPhone5/iPhone5s 320 * 460 / 320 * 529 (已隐藏URL与状态栏)
Note2 360 * 567 (未隐藏URL与状态栏)
iPad 3/4 768*928 (未隐藏URL与状态栏)
GALAXY SIII 360 * 567 (未隐藏URL与状态栏)
小米2A 360 *567 (未隐藏URL与状态栏)
HTC G10 320 * 460
以上是我目前知道的，还有特别多，大家有空多打印出来，再分享出来啦，人多力量大，用的机子也不同
听说
window.onload = function(){
setTimeout(scrollTo,0,0,0);
}
可以隐藏android和IOS系统的URL，但我一直试都不行，是我弄错了，还是机子问题，还是TM的不给力。
还有移动端web尽量少用px，你懂的~~
记得多打几次，第一次一般都不是准确了
