数字内容被剥离/隐藏在平板电脑/移动设备上

Posted

技术标签:

【中文标题】数字内容被剥离/隐藏在平板电脑/移动设备上【英文标题】:numeric content being stripped out/hidden on tablet/mobile devices 【发布时间】:2013-01-24 18:51:30 【问题描述】:

我遇到了this site 的问题,在 iPad 3 和 iPhone 4 上,当元素仅包含数值时,我发现手机号码正在被删除/隐藏。当我在值前加上“mob-”时,它可以工作。

<span class="r" style="width: 100%">mob-0123456789</span>

所以,当我在下面这样显示时,它不会显示:

<span class="r" style="width: 100%">0123456789</span>

我已经浏览了我的@media 查询,但我找不到阻止它显示的任何地方。该站点响应迅速,因此有许多针对不同屏幕尺寸的@media 查询。它在 iPhone 上的显示与在 iPad 上的显示不同,但隐藏的数字内容在两者上是相同的。

【问题讨论】:

***.com/questions/3736807/… - 可能值得一看 去掉所有样式...如果您仍然看不到价值,@RayAlex 可能是在正确的轨道上。 @RayAlex 关注,雷。我将&lt;meta name="format-detection" content="telephone=no"&gt; 添加到我的元标记中,这解决了问题。在 iPhone 上查看上面的链接。您想将此作为答案提交吗? 【参考方案1】:

参考How do I remove the blue styling of telephone numbers on iPhone/ios?

如果您将以下内容添加到元标记,这应该可以解决问题。

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

【讨论】:

以上是关于数字内容被剥离/隐藏在平板电脑/移动设备上的主要内容,如果未能解决你的问题,请参考以下文章

如何在移动设备上向上/向下滚动后“显示/隐藏”Bootstrap 3 内容?

jQuery - 允许在移动设备上自动显示键盘

使用媒体查询在移动设备上隐藏引导工具提示

使用 CSS 在移动设备上隐藏 div

在移动设备上点击隐藏和显示 div

mmenu 在移动设备上展开时隐藏地址栏