移动设备网站开发小贴士

为什么80%的码农都做不了架构师？>>>   

1.网站桌面快捷方式图标设置。

移动设备都可以给网页创建桌面快捷方式的功能，像桌面版的浏览器设定收藏夹图标一相，添加一个mate标签即可实现，手机和平板的桌面图标尺寸不同，手机图标尺寸一般为48*48，ipad的图标尺寸为72*72，考虑到现在视网膜屏都是双倍像素，所以图标的尺寸应该是72*2,即144*144px.

<link href="touch.png" rel="apple-touch-icon-precomposed" />

2.通过桌面快捷方式打开网页时全屏显示，仅仅只是通过快捷方式打开时为全屏模式，直接通过浏览器打开不会全屏的哦。

<meta name="apple-mobile-web-app-capable" content="yes">

3.禁用电话号码检测试功能。

<meta name="format-detection" content="telephone=no">

4.给电话号码添加点击时打电话功能

<a href="tel:13800138000">13800138000</a>

转载于:https://my.oschina.net/py115/blog/142414