<a href="tel:电话号码">点击通话</a>
2、邮件是：
<a class="c" href="mailto:邮件地址">发送邮件</a>
3、地图就是与正常浏览器看的地图是一样的，真的是一样的。
这些都是HTML5新的标签新的支持。
推荐读一本比较新的关于html5、css3的书，会比较详细的了解。
我读了《响应式web设计 html5和css3实战》，有不少收获，但需要有一定html与css基础才更适合阅读。
试用css3 语法@media screen and (判断属性){ CSS样式选择器 }
1、DIV+CSS小案例描述
根据整体来设置，设置他们的最大宽度(width)为640px，最小宽度为320px，此类设置适用于手机移动端；要实现屏幕自适应，那么就要用百分比来实现；所以设置width整体100%；img宽度100%；这样实现图片的自由缩放；
HTML代码如下：且仔细看清每一行的注释：
2、看下实现的效果如何：文字大小是如何变化的；
变化浏览器后效果：如图
自定义缩放其实主要就是判断浏览器的宽度，高度需要的话可以设置，还有设置内部区域块儿的宽度以及图片展示用百分比来控制；
