移动端开发

流行的智能手机操作系统有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

参考文章:

1、与screen高和宽有关的种种横竖问题

2、移动前端开发和 Web 前端开发的区别是什么?

此条目发表在HTML分类目录。将固定链接加入收藏夹。

发表评论

电子邮件地址不会被公开。 必填项已用*标注