流行的智能手机操作系统有Symbian OS、Andriod OS、Windows Phone、iOS、Blackberry等。
手机网页开发。这部分跟web前端开发差别不大，使用的技术都是html+css+js。区别为手机浏览器是webkit的天下，pc端是IE的天下。手机网页可以理解成pc网页的缩小版加一些触摸特性。因为是在浏览器中进行的网页开发，所有最终代码具有跨系统平台的特性。2、app前端开发。使用的技术也是html+css+js，但它需要基于PhoneGap等开发平台调用手机核心功能接口（包括地理定位，加速器，联系人，声音和振动等）模拟native app，这部分跟web前端开发完全不同。最终代码发布要分别编译成各系统平台的app。
手机分辨率:
iphone6 plus: 414*736;
iphone6: 375×667;
iPhone5: 320×568;
iPhone4: 320×480;
blackBerry\samsung galaxy\samsung note\nokia N9:360*640;
nokia 520: 320*533;
pad分辨率:
ipad: 1024×768;
ipad mini: 1024×768;
kindle分辨率:
amazon kindle : 2560×1600;
playbook:
blackBerry: 1024×600;
现在是以iPhone6的400为基准
1, screen.width
功能：声明了显示浏览器的屏幕的宽度，以像素计。
语法：screen.width
2, screen.height
功能：声明了显示浏览器的屏幕的高度，以像素计。
语法：screen.height
3, screen.availWidth
功能：声明了显示浏览器的屏幕的可用宽度，以像素计。
语法：screen.availWidth
4, screen.availHeight
功能：声明了显示浏览器的屏幕的可用高度，以像素计。这个可用高度不包括分配给半永久特性（如屏幕底部的任务栏）的垂直空间。
语法：screen.availHeight
还有其他的一些:
网页可见区域宽： document.body.clientWidth
网页可见区域高： document.body.clientHeight
网页可见区域宽： document.body.offsetWidth (包括边线的宽)
网页可见区域高： document.body.offsetHeight (包括边线的高)
网页正文全文宽： document.body.scrollWidth
网页正文全文高： document.body.scrollHeight
网页被卷去的高： document.body.scrollTop
网页被卷去的左： document.body.scrollLeft
网页正文部分上： window.screenTop
网页正文部分左： window.screenLeft
屏幕分辨率的高： window.screen.height
屏幕分辨率的宽： window.screen.width
屏幕可用工作区高度： window.screen.availHeight
屏幕可用工作区宽度： window.screen.availWidth
参考文章: