H5项目常见问题汇总及解决方案

Meta基础知识：

• H5页面窗口自动调整到设备宽度，并禁止用户缩放界面

一、HTML页面结构

• width ：设置viewport宽度，是一个正整数或字符串“device-width”；
• height：设置viewport高度，一般设置了宽度会自动解析出高度，可以不用设置；
• initial-scale：默认缩放比例，为一个数字，可以带小数；
• minimum-scale：允许用户最小缩放比例，为一个数字，可以带小数；
• maximum-scale：允许用户最大缩放比例，为一个数字，可以带小数；
• user-scalable： 是否允许用户手动缩放；

二、JS动态判断

var phoneScale = phoneWidth/640;
var ua = navigator.userAgent;
if (/Android (\d+\.\d+)/.test(ua)){
    var version = parseFloat(RegExp.$1);
    if(version>2.3){
        document.write('');
    }else{
        document.write('');
    }
} else {
    document.write('');
}```

- #####空白页基本meta标签

- #####其他meta标签

##常见问题：
- #####移动端如何定义字体font-family
@ --------------------------------------中文字体的英文名称
@ 宋体      SimSun
@ 黑体      SimHei
@ 微信雅黑   Microsoft Yahei
@ 微软正黑体 Microsoft JhengHei
@ 新宋体    NSimSun
@ 新细明体  MingLiU
@ 细明体    MingLiU
@ 标楷体    DFKai-SB
@ 仿宋     FangSong
@ 楷体     KaiTi
@ 仿宋_GB2312  FangSong_GB2312
@ 楷体_GB2312  KaiTi_GB2312  
@
@ 说明：中文字体多数使用宋体、雅黑，英文用Helvetica

body { font-family: Microsoft Yahei,SimSun,Helvetica; }

- #####打电话发短信怎么实现
1 . 打电话
`打电话给:10086`
2 . 发短信
`发短信给: 10086`
3 . 写邮件

//注：在添加这些功能时，第一个功能以"?"开头，后面的以"&"开头
//1.普通邮件
点击我发邮件
//2.收件地址后添加?cc=开头，可添加抄送地址（Android存在兼容问题）
点击我发邮件
//3.跟着抄送地址后，写上&bcc=,可添加密件抄送地址（Android存在兼容问题）
点击我发邮件
//4.包含多个收件人、抄送、密件抄送人，用分号(;)隔开多个邮件人的地址
点击我发邮件
//5.包含主题，用?subject=
点击我发邮件
//6.包含内容，用?body=;如内容包含文本，使用%0A给文本换行
点击我发邮件
//7.内容包含链接，含http(s)://等的文本自动转化为链接
点击我发邮件
//8.内容包含图片（PC不支持）

">点击我发邮件
//9.完整示例

">点击我发邮件