html移动端开发注意事项

meta

<meta charset="utf8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maxmum-scale=1.0,user-scalable=no">
<meta name="format-detection" content="telephone=no"> 拨号关闭 

iphone 57x57,114x114区分retina屏幕，72x72用于ipad；分享的图标尺寸

<link rel="apple-touch-icon-precomposed" sizes="57x57" href="http://www.qiyipic.com/20130423143600/fix/H5-57x57.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://www.qiyipic.com/20130423143600/fix/H5-72x72.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://www.qiyipic.com/20130423143600/fix/H5-114x114.png">

href支持的协议

<a href="tel:18098762131">打电话</a>
<a href="sms:18098762131">打电话</a>

转载于:https://www.cnblogs.com/ixiaohao/p/5503467.html