标签：jquery mobile 移动应用 app 跨平台 游戏
【范例4-1 简单的页面hello world】
程序运行结果如图4-1所示。
该例虽然看上去非常简单，但是就像C语言中的helloworld一样，不但五脏俱全，同时也是今后利用jQuery Mobile进行应用开发时最基础的模板。
这实际上就是一个HTML页面，但是仔细观察会发现第5行有一句比较陌生的代码：
接下来还有一个更加令人感到陌生的属性initial-scale=1，这个属性又是什么意思呢？这里可以来做一个实验，将“1”改为“2”运行之后看一下效果，结果如图4-2所示。
图4-1 helloworld 图4-2 修改后的hello world
可以看到屏幕中的字体整个放大了一倍。原来initial-scale=1的作用是规定了页面在加载时所要放大的倍数，等于1时即为保持原尺寸不变。这在开发中有着巨大的作用。
目前，电脑屏幕的分辨大多是1366*768像素，而最近的一些以高分辨率为亮点的智能手机的分辨率已经达到了720*1280像素，与此同时大多数人所使用手机的分辨率还停留 在一个较低的水平。这就导致了如果没有一种切实可行的手段来区分这些用户，开发人员就无法做到真正的完美用户体验。
那么到底有没有这样一种方法呢？当然是有的，只要通过修改initial-scale属性的值来放大页面的内容尺寸，就能够很好地实现不同设备上的兼容问题。在本篇最后的综合项目实 例中将给出一个这样的例子。
提示：meta是HTML中非常重要的一个标签，但是它的应用却常常被开发者所忽略。
如果您对学习跨平台APP感兴趣，如果您对jQuery Mobile感兴趣，欢迎阅读本书《构建跨平台APP：jQuery Mobile移动应用实战》
购买链接：
http://product.dangdang.com/23472199.html
http://item.jd.com/11459719.html
标签：jquery mobile 移动应用 app 跨平台 游戏
原文地址：http://blog.csdn.net/bookzhaopin/article/details/39029973
