首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 移动开发 > 移动开发 >

jquerymobile-一 第一个jquerymobile页面

2013-11-09 
jquerymobile-1 第一个jquerymobile页面最近在公司做一个移动客户端,混合应用模式开发,使用的Jquerymobile

jquerymobile-1 第一个jquerymobile页面

最近在公司做一个移动客户端,混合应用模式开发,使用的Jquerymobile,自己对jquerymobile不是很熟悉,利用空闲的时间从头开始学习jquerymobile。希望通过自己的努力,和记录能够使自己对于jquerymobile有一定的了解。

花了几分钟写了一个jquerymobile的最简单的页面,学习每个技术都是先写hello XX,所以我这次第一次写的是hello jquerymobile。代码如下:

<meta name="viewport" content="width=device-width,initial-scale=1" /> 
这行代码的功能是:设置移动设备中浏览器缩放的宽度与等级。通常情况下,移动设备的浏览器默认以“900px”的宽度显示页面,这种宽度会导致屏幕缩小,页面放大,不适合浏览。如果在页面中添加 元素,并设置“content”的属性值为“width=device-width,initial-scale=1”,可以使页面的宽度与移动设备的屏幕宽度相同,更加适合用户浏览。
在代码中我们并没有对header和footer加什么样式,但是显示的结果是有样式的,这样的原因是jquerymobile自动为它们添加了样式。 

热点排行