在针对移动设备优化网站时,您不应只关注不同的屏幕尺寸、优化的加载速度和特殊功能(例如悬停效果),还应考虑设备的具体功能。这包括(有些人可能已经忘记了)拨打电话的功能。
顺带提一下,建议在href属性中使用前缀“ +49”,因为它使来自国外的客户能够访问德国的正确电话连接。 可以使用以下标记,以便当您点击网站的联系区域中的电话号码时打开该电话应用程序:
<a href="tel:+498921555122">089 21 555 122</a>
为了使桌面用户(如果没有安装Skype插件就无法使用HTML标签执行任何操作)不感到困惑,建议使用以下CSS标记,以使链接无法被识别:
a[href^="tel"] {
cursor: default;
text-decoration: none;
color: #000;
}
@media only screen and (max-device-width: 480px) {
a[href^="tel"] {
text-decoration: underline;
color: blue;
}
}