大佬教程收集整理的这篇文章主要介绍了html5移动开发要点,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
给手机设置10px的字体大小;对于320px的手机匹配是10px,其他手机都是等比例匹配;
优点:使用CSS即可实现,不需要JS代码
缺点:只能匹配部分机型1.2使用JS代码控制html的font-size大小@H_419_38@
优点:可以匹配所有的机型,适配很强
缺点:需要写JS代码
第2章禁止a,button,input,optgroup,SELEct,textarea等标签背景变暗@L_607_9@
在移动端使用
<a>
标签做按钮的时候或者文字链接的时候,点击按钮会出现一个“暗色的”背景,比如如下代码:在移动端点击之后 会出现“暗色的”背景,这时候我们需要在CSS中加入如下代码即可:
第3章 Meta基础知识点3.1页面窗口自动调整到设备宽度,并禁止用户缩放页面@H_419_38@
属性基本含义:
width=device-width:控制viewport的大小,device-width为设备的宽度
initial-scale:初始化缩放比例
minimum-scale:允许用户缩放的最小比例
maximum-scale:允许用户缩放的最大比例
user-scalable:用户是否可以手动缩放
3.2忽略将页面中的数字识别为电话号码@H_419_38@
3.3忽略android平台中对邮箱地址的识别@H_419_38@3.4当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari@H_419_38@3.5将网站添加到主屏幕快捷启动方式,顶端状态条样式,仅针对ios的safari@H_419_38@3.6需要在网站的根目录下存放favicon图标,防止404请求(使用fiddler可以监听到),在页面上需要加link如下:@H_419_38@第4章 移动端如何定义字体font-family第5章 在Android或者ios下 拨打电话代码如下第6章 发短信(winphone系统无效)第7章 webkit表单输入框placeholder的颜色值改变第8章 移动端IOS手机下清楚输入框内阴影第9章 在IOS中 禁止长按链接与图片弹出菜单第10章 调用手机系统自带的邮件功能10.1 当浏览者点击这个链接时,浏览器会自动调用默认的客户端电子邮件程序,并在收件人框中自动填上收件人的地址下面@H_419_38@
10.2 填写抄送地址@H_419_38@在IOS手机下:在收件人地址后用?cc=开头,如下代码:
在Android手机下,如下代码:
10.3填上密件抄送地址@H_419_38@在IOS手机下:紧跟着抄送地址之后,写上&bcc=,填上密件抄送地址
在安卓下;如下代码:
10.4 包含多个收件人、抄送、密件抄送人,用分号隔(;)开多个收件人的地址即可实现@H_419_38@10.5 包含主题,用?subject=可以填上主题@H_419_38@10.6包含内容,用?body=可以填上内容(需要换行的话,使用%0A给文本换行)@H_419_38@10.7内容包含链接,含http(s)://等的文本自动转化为链接@H_419_38@