当前位置：移动技术网 > IT编程>网页制作>CSS > iframe中的a标签电话链接不能正常打开

iframe中的a标签电话链接不能正常打开

2019年03月03日 | 移动技术网IT编程 | 我要评论

背景

经测试，android手机中没有这个问题， iphone手机中的safari浏览器会出现这个问题。

例如：

<a href = "tel://1-408-555-5555">1-408-555-5555</a>

解决办法：

给链接加上 target="_parent"，如果iframe的嵌套比较深可以用 target="_top"

<a target="_parent" href="tel://1-408-555-5555">1-408-555-5555</a>

您可能感兴趣的文章:

如对本文有疑问，点击进行留言回复！！

前端学习笔记（6）之css盒模型的细节知识点汇总

css盒模型细节知识点总结只要元素有浮动，尽量保证浮动元素都在一个父元素里面。高度塌陷：子元素浮动，而父元素未设... [阅读全文]
前端学习笔记（4）之css背景属性合集

背景模块背景颜色background-color背景图：background-image：url（）；背景图平铺... [阅读全文]
PC端页面适配到移动端的问题(自动缩放PC端页面)

有时候在移动端开发页面的时候会发现因为移动端分辨率大导致页面视图被缩放的很小,这个时候就需要适配了话不多说直接贴... [阅读全文]
新版知乎x-zse-86加密破解分析

知乎x-zse-86加密破解新版知乎加密破解仅用于研究和学习使用新版本知乎使用headers中的x-zse-86... [阅读全文]
Flex 使用场景(二）

Flex 就是容器和轴。容器包括外层的父容器和内层的子容器，轴包括主轴和交叉轴，可以说 flex 布... [阅读全文]
css3实现边框圆角内凹效果

我们知道在边框的四个角实现圆角可以用 border-radius 实现, 如果在边框中心实现边框的内凹效果呢?效... [阅读全文]
【css】利用line-height实现垂直居中

替换元素与非替换元素<body> <div>hello</div> &l... [阅读全文]
通过鼠标使图片交替显示

伪类 after、before、hovercss代码使用的是预编译less，简单分享：就是固定框200*200，... [阅读全文]
荐微信小程序动态评分展示/五角星展示/半颗星展示/自定义长度展示

一、前言项目中遇到的评分相关的需求其实还挺多。之前也写过网页中关于评分功能实现的文档。这次，是基于微信小程序开发... [阅读全文]
【剑指 Offer 31】栈的压入、弹出序列

题目题目链接输入两个整数序列，第一个序列表示栈的压入顺序，请判断第二个序列是否为该栈的弹出顺序。假设压入栈的所有... [阅读全文]

网友评论


验证码：

iframe中的a标签电话链接不能正常打开

2019年03月03日 | 移动技术网IT编程 | 我要评论

背景

您可能感兴趣的文章:

相关文章:

网友评论