如果您针对移动设备优化自己的网站,则不仅应注意不同的屏幕尺寸,优化的加载时间和操作中的特殊功能(例如悬停效果),还应考虑设备的特殊功能。 这还包括(有些人可能已经忘记了)拨打电话。
顺带提一下,建议在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;
}
}