webkit webApp 开发技术要点总结如果你是一名前端er,又想在移动设备上开发出自己的应用,那怎么实现呢?幸好,webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了,现把一些技巧分享给大家 :1. viewport: 也就是可视区域。对于桌面浏...
分类:
移动开发 时间:
2014-12-08 13:44:29
阅读次数:
309
1. viewport属性说明width使用与设备无关的像素表示所需的视区宽度。它可以是明确的数字(如 240)或最好是相对值,如 device-width。height使用与设备无关的像素表示所需的视区高度。它可以是明确的数字(如 320)或最好是相对值,如 device-height。initi...
分类:
移动开发 时间:
2014-12-08 10:28:31
阅读次数:
147
1.width=device-width //应用程序的宽度和屏幕的宽度是一样的2.height=device-height //应用程序的高度和屏幕的高是一样的3.initial-scale=1.0 //应用程序启动时候的缩放尺度(1.0表示不缩放)4.minimum-scale=1.0 //用户...
分类:
移动开发 时间:
2014-12-06 13:59:57
阅读次数:
244
1、Meta 之 viewport
说到移动平台meta标签,那就不得不说一下viewport了,那么什么是viewport呢?
viewport即可视区域,对于桌面浏览器而言,viewport指的就是除去所有工具栏、状态栏、滚动条等等之后用于看网页的区域
。对于传统WEB页面来说,980...
分类:
移动开发 时间:
2014-12-04 13:33:07
阅读次数:
220
随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行,移动互联应用开发也越来越受到人们的重视,用html5开发移动应用是最好的选择。然而,每一款手机有不同的分辨率,不同屏幕大小,如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢?学习html5 viewport的...
分类:
Web程序 时间:
2014-12-04 09:55:46
阅读次数:
198
GLFrame框架本身不支持拾取,需要自己实现.以下代码是实现拾取功能的注意事项: 1 void Test::doSelection(int xPos, int yPos) 2 { 3 GLfloat aspect; 4 GLint hits, viewport[4];//x,...
分类:
其他好文 时间:
2014-12-01 23:52:46
阅读次数:
309
最近在写手机网页,总结两个方法
1. 网页宽度可固定为640px,然后使用viewport实现页面在不同手机页面显示
网页中插入script代码
if(/Android (\d+\.\d+)/.test(navigator.userAgent)){
var version = parseFloat(RegExp.$1);
if(version>2.3){
v...
分类:
移动开发 时间:
2014-12-01 16:04:07
阅读次数:
156
第二届京津冀协同发展论坛参考的页面:http://app.cntcma.com/wx/35f4a8d465e6e1edc05f3d8ab658c551.html
分类:
移动开发 时间:
2014-11-30 13:55:37
阅读次数:
181
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<metaname="viewport"content="initial-scale=1.0,user-scalable=no"/>
<styletype="text/css">
body,html,#allmap{width:100%;height:100%;overflow:hidden;..
分类:
其他好文 时间:
2014-11-29 07:09:59
阅读次数:
1347