<html>
<!--这里是必须引入的只有引入了这些才能在手机端展示出正常的页面-->
<meta name="apple-touch-fullscreen" content="yes">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="apple-touch-icon" href="http://a.tbcdn.cn/mw/s/hi/tbtouch/images/touch-icon.png">
<head>
<style>
xxxxxxx
</style>
</head>
<body>
//这种写法可以直接在手机端的页面下按下后直接触发拨打电话
<a href"tel:区号+电话号码">
</a>
</body>
</html>
<meta name="apple-touch-fullscreen" content="yes">
"添加到主屏幕“后,全屏显示
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
width - viewport的宽度 height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放
<meta name="apple-mobile-web-app-capable" content="yes">
这meta的作用就是删除默认的苹果工具栏和菜单栏。content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时,这个行meta就不用加了,默认就是显示。
<meta name="apple-mobile-web-app-status-bar-style" content="black">
默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明)。
注意: 若值为“black-translucent”将会占据页面px位置,浮在页面上方(会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px)。
<link rel="apple-touch-icon" href="http://a.tbcdn.cn/mw/s/hi/tbtouch/images/touch-icon.png">
说明: 这个link就是设置web app的放置主屏幕上icon文件路径。
图片尺寸可以设定为57*57(px)或者Retina可以定为114*114(px),ipad尺寸为72*72(px)
分享到:
相关推荐
以上提到的知识点为 jQuery 的一些基础概念和方法,适合初学者建立对 jQuery 的初步认识。随着对这些基础知识的熟练掌握,开发者可以进一步深入探索 jQuery 更高级的使用方式,如高级事件处理、插件开发等。
### jQuery入门知识点详解 #### 一、jQuery简介 ##### 1-1 感性认识 ...以上内容概述了jQuery的基础概念及其在实际应用中的优势所在,为初学者提供了关于jQuery的初步了解,并指出了后续学习的方向。
**jQuery学习一** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、...通过以上内容,你应该对jQuery有了初步的认识。继续深入学习,你将能更好地利用这个强大的库来提升Web开发效率。
通过简单的DOM选择器和操作示例,让你对jQuery有一个初步的认识。 ### 第二讲:可以编辑的表格 这一讲将深入到jQuery的DOM操作,展示如何动态创建和修改表格元素。我们将学习如何使用jQuery实现表格单元格的编辑...
【jQuery + C# 实现Ajax聊天室】 Ajax(Asynchronous JavaScript and XML)技术允许网页...同时,对C#的HTTP处理和数据库操作有初步认识。实践过程中,还可以学习如何将前后端数据绑定,实现动态、实时的Web应用程序。
jQuery 库可以通过一行简单的标记被添加到网页中。 jQuery 库 – 特性 jQuery 是一个 JavaScript 函数库。 jQuery 库包含以下特性: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和...
### jQuery语法知识点...通过以上介绍,我们对jQuery的基本语法有了初步的认识,这对于进行更复杂的Web开发工作非常有用。jQuery的强大之处在于它极大地简化了JavaScript编程,并使得对HTML文档的操作更加简单高效。
**CSS初步认识** CSS(Cascading Style Sheets)是一种样式表语言,用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档的呈现。它控制着网页的布局和外观,让网页的设计更加丰富多彩。 1. **CSS基础概念** ...
通过以上内容,相信你对jQuery有了初步的认识。实践是检验真理的唯一标准,动手尝试编写jQuery代码,结合实际项目,你将更快地掌握这个强大的库。记得,jQuery的魅力在于其高效性和易用性,希望你能享受编程的乐趣。
通过以上介绍,你应该对 jQuery 的基本使用有了初步认识。在进一步学习过程中,可以结合提供的"jquery学习"资源,进行实践操作,加深理解。记住,实践是检验真理的唯一标准,多写代码,多尝试,才能更好地掌握 ...
通过这个基础教程,你已经对jQuery有了初步认识。继续深入学习,你将能利用jQuery实现更复杂的交互和动态效果,提升网页开发效率。记得多实践,理论结合实际,才能更好地掌握jQuery的精髓。祝你在jQuery的学习之路上...
通过以上介绍,你应该对jQuery Mobile有了初步认识。在实际项目中,结合具体需求和这些基本知识点,你可以快速构建出符合移动设备特性的Web应用。记得实践是检验真理的唯一标准,动手尝试编写你的第一个jQuery ...
通过以上的介绍,你已经对jQuery有了初步的认识。在实践中不断探索和学习,你将能够熟练掌握这个强大的库,并提升你的前端开发技能。记得查看压缩包中的“jquery资料”,其中可能包含了更多的实例、教程和练习,以...
**jQuery 入门详解** ...通过以上介绍,你应该对 jQuery 有了初步的认识。实际应用中,不断实践和学习新的 API,将使你更加熟练地掌握这一强大的工具。在阅读提供的教程文件时,记得结合实践,加深理解。
通过上述内容的学习,我们应该对jQuery有了一个初步的认识。在实际的开发过程中,我们可以利用jQuery提供的丰富API来实现更加复杂和动态的网页效果。随着对jQuery知识的不断深入,我们将能够更加熟练地运用这个强大...
通过以上内容,你应该对jQuery有了初步的认识。继续深入学习,你会发现jQuery是一个强大而灵活的工具,可以大大提高你的前端开发效率。记得理论结合实践,多动手编写代码,这样才能更好地理解和掌握jQuery的魅力。
在本项目中,我们将探讨如何使用jQuery库来创建一个经典的贪吃蛇小游戏。jQuery是一个流行的JavaScript库,它简化了...通过分析和实践这个项目,初学者可以更好地掌握jQuery的实用技巧,并对游戏开发有一个初步的认识。